CSS: Kopf- und Fußzeile mit anderer Farbe als dyn. Body

Sholvar · 06.03.2008

also, ich habe eine Seite mit einem Kopfbereich einem dynamischen Bodybereich wo z.B. Blogeinträge, News usw reinkommen und einen Fußbereich.
Kopf und Fuß sollen jeweils die Farbe #555555 durchgängig haben, egal wie breit das Browserfenster ist.
Und der mittlere Bereich soll #FFFFFF sein, auch egal, wie breit das Fenster ist. Wie kriege ich sowas am besten mit CSS hin?

folgendes klappt nicht und ich verstehe garnicht warum. wieso ist der div-white nicht wenigstens so breit und hoch wie div-column?

Code:

body {
    background: #555555;
}

div.white {
	background: #FFFFFF;
	position:absolute;
	top:130px;
}
div.column {
   position:absolute;
   left:400px;
   padding:10px;
   margin:0px;
}

Code:

...
<body>
...
<div class="white">
  <div = class="column">
    <!-- Inhalt, halt... -->
  </div>
</div>
...
</body>

hlpz

EnimaN · 06.03.2008

durch position:absolute verhinderst du sozusagen eine korrekte schachtelung und eine anpassung der höhe des außeren divs (afaik)

position:absolute ist hier imo sowieso total sinnlos und sollte man nur in sehr speziellen fällen benötigen.

CSS: Kopf- und Fußzeile mit anderer Farbe als dyn. Body

Sholvar

EnimaN