timmy: divs wie anordnen?

Beitrag lesen

SELF-Forum

divs wie anordnen?

timmy
– Informationen zu den Bewertungsregeln

Hi,

ich hab Layouts bis jetzt immer mit Tabellen realisiert und wollte mal den anderen weg probieren (mit div und css)

Vorgestellt hätt ich mir eine Hintergrundleiste oben, eine unten, und in der Mitte ein div für den Inhalt der seite (siehe http://img245.imageshack.us/my.php?image=samlayouttw9.gif)

ich hab das folgendermaßen versucht:

<div class="headerbg">
</div>
<div class="contentwrapper">
asdf
</div>
<div class="footerbg">
</div>

.headerbg { margin: 0px; padding:0px; position:absolute; top:0px; height:200px; width:100%; background-color:#666666; z-index: 1;}
.footerbg { margin: 0px; padding:0px; position:absolute; bottom:0px; height:70px; width:100%; background-color:#CCCCCC; z-index:1;}
.contentwrapper { padding:0px; z-index:2; top: 70px; bottom: 20px; margin-left: 0px auto; border: 1px solid; border-color:#FF0000; width:800px;}

leider funktioniert das aber gar nicht :,(

  • das contentwrapper-div ist unterhalb des headerbg-div
  • das contentwrapper-div ist nicht zentriert
  • mozilla zeigt links auf der seite einen weißen rand bevor das header- und footerbg-div beginnen

kann mir wer weiterhelfen?

Beitrag melden
–
Informationen zu den Bewertungsregeln