div Höhen im Wechsel fluid und fest (überhaupt lösbar?)

[Matthias Apsel]

Om nah hoo pez nyeetz, Harald!

Hasse immer dieses "body (oder gar *) blooß erst mal auf margin: 0; und padding: 0; setzen

Wenn du auf inline-style-Angaben verzichten würdest, sehest du deutliche Vorteile:

Nur mal so als Denkanstoß:

div {margin: 0; padding: 0; background-color: lightgrey; height: Pixelangabe;}
.header, .footer {height: ...; position: fixed; }
.header {top: 0;}

.fluid {background-color: yellow; height: Prozentangabe}

color: inherit ist überflüssig, denn diese Eigenschaft wird von selbst vererbt
die hr ist wohl besser border-bottom des header

Für HTML5 kannst du auf .header und .footer verzichten, es gibt entsprechende Elemente

Für moderne Browser ist auch der Verzicht auf die Klasse fluid möglich, es gibt :nth-child(odd)

Matthias