Drei div-layer nebeneinander -Problem mit IE

[hansdampf]

Hallo!

Ich habe folgende Konstruktion in meiner Seite:

<div id="header">
       <div style="background:#999; height:30px; width:80px; margin-top:23px; float:left;"></div>
       <img src="function/logo.gif" style="width:174px; height:94px; float:left;" alt="" />
       <div style="background:#CCC; height:30px; width:100%; margin-top:23px;"></div>
</div>

Im Firefox funktioniert das super, d.h. der zweite Layer füllt den rechten, restlichen Platz bis zum Seitenende bei jeder Seitengröße optimal aus. Im IE rutscht der zweite layer aber unabhängig von der Seitenbreite unter den ersten layer und das Bild, und füllt die Seite zu 100% aus.
(Also FF --> 100% der restlichen Breite, IE 100% der Seitenbreite)

Hat jemand eine Idee, wie ich das ändern kann?

Vielen Dank schon mal!

[Ingo Turski]

Hi,

<div style="background:#CCC; height:30px; width:100%; margin-top:23px;"></div>

warum gibst Du hier eine Breite an? Block-Elemente nehmen sich automatisch 100% der zur Verfügung stehenden Breite.

(Also FF --> 100% der restlichen Breite, IE 100% der Seitenbreite)

Hat jemand eine Idee, wie ich das ändern kann?

s.o.

freundliche Grüße
Ingo

[hansdampf]

Stimmt. :-)
Da hab ich wieder zu kompliziert gedacht..

Danke!