Hallo,
ich habe einen rechts-floating div, der 4 andere divs enthält. Von diesen 4 divs sind 3 in ihrem Inhalt konstant, also könnten eine feste Breite haben; der 4. div ist in seinem Inhalt dynamisch, nach seinem Inhalt sollen sich alle anderen divs vergrößern.
Schematisch sieht das ganze so aus:
<div style="float: right;>
<div></div>
<div></div>
<div></div>
<div>dynamisch</div>
</div>
Nun sollte es ja so sein, dass die inneren divs sich auf 100% des äußeren div vergrößern sollten; dieser jedoch sollte seine Größe nach dem Inhalt festlegen, in diesem Fall also dem 4. div.
Das ganze klappt im Firefox (und auch Opera) wunderbar, jedoch wird bei allen IEs der floating div auf 100% des übergeordneten Elements vergrößert, wodurch alle ersten 3 inneren ebenfalls auf 100% gehen. Von einem floating ist dann nichts mehr zu sehen und das ganze hat den Sinn verfehlt.
Wie kann man dem IE nun beibringen, den äußeren div nur auf den nötigen Platz zu vergrößern?
Gruß
Patrick W.