content Div +

Neues Thema verfassen Neues Thema

Daedalus
Newbie

Registriert: 13.03.2009
Beitraege: 15

17.03.2009 um 14:14 Uhr

Hallo,

habe ein kleines Problem mit meinen div-containern. Vielleicht kann mir ja jemand helfen :-)

Also ich habe mir in Photoshop ein Template fr ein CMS erstellt und es, erstaunlicher Weise, betrachtet man die Mehrheit die mit diesem CMS arbeiten, anstatt in Tabellen in Div-Container gepackt. Da meine letzten Arbeiten an einer Homepage schon ein paar Jhrchen zurckliegen sitze ich in einer kleinen Zwickmhle.

Ich habe den Slice fr den Content in der Mitte, aber auen noch zwei weitere Divs mit den "Puffern":

So. Die beiden grauen Flchen sollen sich (inklusive dem schwarzen Rand) ebenfalls wiederholen, wenn sich der Content ausweitet. Tun dies aber leider noch nicht.

Ich habe um den kompletten Content Bereich noch einen Div gelegt und die 3 Grafiken eben dann in den andern divs darin positioniert. Leider luft nun weder der Content oder die Puffer mit dem Inhalt

Antworten Zitat
Alice
Admin

Registriert: 14.12.2006
Beitraege: 1058
17.03.2009 um 21:02 Uhr

Im Prinzip brauchst du nur 2 Div Container fuer dein Vorhaben.

Ein Container bekommt die Hintergrundgrafik zugewiesen, die sich wiederholen soll, und der andere Container enthaelt dann nur den reinen Text vom Content.

Dein Div mit dem Content steckst du in das Div mit der Hintergrundgrafik, so wird gewaehrleistet, dass sich deine Hintergrundgrafik dann immer so lange wiederholt, wie der Content lang ist.

Sprich so:
```
<div id="warper">
<div id="content">Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
</div>
```
Ich hoffe das hilft dir weiter ...

Liebe Gruesse
Alice

... { signatur } ...
Antworten Zitat
Daedalus
Newbie

Registriert: 13.03.2009
Beitraege: 15

18.03.2009 um 10:15 Uhr

Hey. Erstma entschuldigung fr die blde Threadberschrift, die ich irgendwie verhunzt habe.

So und jetzt danke. War mal wieder ein typisches Beispiel von der beliebten Serie "Warum einfach, wenns auch kompliziert geht".

Antworten Zitat