Moin!
da steht (sinngemäß) ganz klar, dass ....
IE5, IE6: border nach innen, inhalt wird abgehackt
dieser Browser CSS nicht vernünftig kann.
Diese Trauergeschichte hat natürlich einen Anfang, der sicherlich irgendwo im IE 3 oder IE 4 begründet liegt. Damals war CSS-mäßig eben alles im Fluß (obwohl das aus Sicht des W3C bestimmt nicht so war), und der einmal gemachte Fehler bei MS, die Borders von der Width abzuziehen, wurde tapfer durchgehalten bis zur Version 6.
Aber glücklicherweise gibst den standards-compliant Mode im IE6 - da ist dann alles so, wie es sein soll. Nur hilft das dem freundlichen Webdesigner überhaupt nicht, weil der IE 5 auch noch sehr verbreitet ist, und in dieser Hinsicht leider immer falsch rechnet.
Was bleibt als Alternative?
Entweder ins fragliche Element eine width-breite Grafik integrieren, die im IE das Element passend breiter macht. Ist meist nicht sehr schön, am besten ist es, wenn ein ohnehin zu benutzendes Designelement dafür herhalten kann.
Oder Schachtelung:
<div style="width:100px; padding:0;">
<div style="padding:10px;">Inhalt</div>
</div>
Das paßt dann in allen Browsern. Es ist aber trotzdem ein Krampf.
- Sven Rautenberg