nicht angemeldet
Yo!
hast du bessere ideen? bin grad so faul... :o)
<div>s schachteln:
.aussen { width:100px; }
.innen { padding:5px; border:solid 3px black; }
<div class="aussen"><div class="innen">Der Inhalt hier</div></div>
Der äußere DIV hat bei padding:0px in allen Browsern die gleiche Breite. Der innere DIV macht sich naturgemäß (alle DIVs handeln so) so breit, wie er kann - hier eben so breit, wie der äußere DIV erlaubt: 100px. Alle Browser kriegen es dann hin, noch 3px Border und 5px Padding außen hinzulegen, und die width des inneren DIVs - davon spricht niemand mehr, die berechnet sich automatisch. Fein, nicht? ;)
Ansonsten könntest du auch folgendes versuchen:
.dasdiv {width:100px; padding:5px; border:solid 3px black; }
<div class="dasdiv"><img src="transparentpixel.gif" width="100" height="1">Der Inhalt hier</div>.
Wenn du das DIV durch eine Grafik zwingst, 100 Pixel Innenmaß zu haben, wird auch der IE das verstehen und Platz schaffen, obwohl er ja nur 100px - 2*5px = 90 px Breite haben dürfte.
- Sven Rautenberg