Hallo zusammen,
ich habe ein Problem, das mich zum verzweifeln bringt. Ich habe mehrere ineinander geschachtelte Divs, die alle unterschiedliche Hintergrundfarben haben, um eine Art Hierarchie abzubilden. Dummerweise werden die geschachtelten Divs im IE nicht 100% breit, wodurch das komplette Design zerschossen wird. Im Firefox hingegen funktioniert es richtig.
Beispiel:
Das äußere Div hat also 200px, alle inneren Divs haben 100% width. Solange die inneren Divs nicht mehr als 200 Pixel brauchen funktioniert alles wunderbar. Nehmen wir jetzt aber mal an, dass div 1_1 100 Pixel bräuchte, 1_2 benötigt 150 Pixel, 2_1 benötigt ebenfalls 150 Pixel. 2_2 benötigt jedoch 250 Pixel um den Inhalt dazustellen. Somit streckt sich das äußerste Div auf 250 Pixel, die beiden Div 1_1 und 1_2 bleiben jedoch bei 200 Pixel. Somit streckt sich die Hintergrundfarbe von div 1 rechts an den Divs 1_1 und 1_2 vorbei, was nicht so toll aussieht.
Hat jemand eine Idee, woran das liegen könnte?
Ich habe mal zwei Screenshots angehangen, auf denen man die unterschiedlichen Darstellungen sehen kann. Außerdem habe ich den Div-Containern unterschiedliche Rahmenfarben verpasst, damit man genau sieht, wie weit sie sich strecken.
Vielen Dank im Voraus...
ich habe ein Problem, das mich zum verzweifeln bringt. Ich habe mehrere ineinander geschachtelte Divs, die alle unterschiedliche Hintergrundfarben haben, um eine Art Hierarchie abzubilden. Dummerweise werden die geschachtelten Divs im IE nicht 100% breit, wodurch das komplette Design zerschossen wird. Im Firefox hingegen funktioniert es richtig.
Beispiel:
PHP:
<div id="1" width="200px">
<div id="1_1"></div>
<div id ="1_2"</div>
<div id="2_1"></div>
<div id="2_2"></div>
</div>
Das äußere Div hat also 200px, alle inneren Divs haben 100% width. Solange die inneren Divs nicht mehr als 200 Pixel brauchen funktioniert alles wunderbar. Nehmen wir jetzt aber mal an, dass div 1_1 100 Pixel bräuchte, 1_2 benötigt 150 Pixel, 2_1 benötigt ebenfalls 150 Pixel. 2_2 benötigt jedoch 250 Pixel um den Inhalt dazustellen. Somit streckt sich das äußerste Div auf 250 Pixel, die beiden Div 1_1 und 1_2 bleiben jedoch bei 200 Pixel. Somit streckt sich die Hintergrundfarbe von div 1 rechts an den Divs 1_1 und 1_2 vorbei, was nicht so toll aussieht.
Hat jemand eine Idee, woran das liegen könnte?
Ich habe mal zwei Screenshots angehangen, auf denen man die unterschiedlichen Darstellungen sehen kann. Außerdem habe ich den Div-Containern unterschiedliche Rahmenfarben verpasst, damit man genau sieht, wie weit sie sich strecken.
Vielen Dank im Voraus...