wahsaga: CSS in HTML/XHTML

Beitrag lesen

hi,

Ich muss ein CSS-Layout aufbauen, das aus einem feststehenden Bereich
oben und links besteht. Der Rest des Platzes ist der Content und soll
gescrollt werden können.

wie man sowas generell macht, zeigt http://de.selfhtml.org/css/layouts/fixbereiche.htm

Jetzt mein Problem. Ich weiß ehrlich gesagt nicht genau warum es
im IE funktioniert. *erröt* Der Content-Bereich geht eigentlich
über die gesamte Höhe und Breite des Viewports und hat einfach
links und oben Borders die halt so breit sind wie ich für die
anderen Bereiche (Navi und Titel, absolut positioniert) Platz
benötige. Normalerweise sollte der IE ja mit dem Box-Model-Bug
am Zeiger drehen. Tut er aber nicht.

tut er doch, und deshalb berechnet er die höhe deines containers nicht so, wie es eigentlich richtig wäre:
höhe 100% plus 100px border-top,
breite 100% plus 230px border-left

das ergäbe eigentlich maße, die um 100px bzw. px höher/breiter sind als "100%".

da der IE im quirks mode/ IE < 6 aber falsch rechnet, zieht er die borders von höhe/breite _ab_.

Desweiteren würde ich gerne in XHTML arbeiten. Immer wenn ich die
Seite jedoch in XHTML wandle (Transitional) spinnt der IE mit den
Bereichen und verhält sich so wie ich es eigentlich auch in der
HTML-Version vermutet hätte.

lies mal in Michael Jendryschiks ix-artikel "Pinselführung" über den quirks-mode den abschnitt "Standard oder Quirks Mode".

gruß,
wahsaga

--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }