Div positionierungsproblem im IE

[Jonathan S.]

div#spacer_left {  
  position:absolute;  
  padding:0px;  
  left:0px;  
  top:0px;  
  width:150px;  
  height:75px;  
  overflow: auto;  
  background-image:url(../pic/sys/25p_black.png);  
}  
div#spacer_right {  
  position:absolute;  
  padding:0px;  
  right:0px;  
  top:0px;  
  width:150px;  
  height:75px;  
  overflow: auto;  
  background-image:url(../pic/sys/25p_black.png);  
}  
div#head {  
  position:absolute;  
  padding:0px;  
  left:150px;  
  right:150px;  
  top:0px;  
  height:75px;  
  overflow: auto;  
  background-image:url(../pic/sys/25p_black.png);  
  border-bottom: solid 2px #333;  
}

    <div id="spacer_left">  
    </div>  
    <div id="spacer_right">  
    </div>  
    <div id="head">  
      Ne Überschrift.  
    </div>

Tagchen ^^

Im Grunde funktioniert es, wie ich es haben will, in allen Browsern.
Das div "head" wird gestreckt, so das es mit dem "spacer_left" und "spacer_right" eine Einheit bildet.

Nur der IE macht da mucken - da ist das Div gerade mal so breit, wie der Inhalt. Gibt es da irgendeinen Trick, das zu lösen? Und lässt sich das dann auch nicht nur nur auf die Breite, sondern auch die Höhe anwenden?

Oder muss ich das ganze ernsthaft über JS ausrechnen und zuweisen?

Freue mich auf Antworten,

Jonathan :)

[Jonathan S.]

Ich habs nun einfach über JS gelöst. Trotzdem würde mich interessieren, ob es da auch eine CSS Variante gäbe =)

LG

Jonathan

[Der Martin]

Hallo,

div#head {
  position:absolute;
  padding:0px;
  left:150px;
  right:150px;
  [...]

Nur der IE macht da mucken - da ist das Div gerade mal so breit, wie der Inhalt.

ja, der IE ist zu blöd, die Breite eines Elements aus left und right, oder die Höhe aus top und bottom zu berechnen. Ich hätte eigentlich erwartet, dass der IE8 das inzwischen kann ...

Gibt es da irgendeinen Trick, das zu lösen?

Evtl. mit width:100% und passenden margins links und rechts.

Ciao,
 Martin

[suit]

ja, der IE ist zu blöd, die Breite eines Elements aus left und right, oder die Höhe aus top und bottom zu berechnen. Ich hätte eigentlich erwartet, dass der IE8 das inzwischen kann ...

Kann er auch - sogar der IE7 sollte das können:
http://www.alistapart.com/articles/conflictingabsolutepositions/

[ChrisB]

Hi,

ja, der IE ist zu blöd, die Breite eines Elements aus left und right, oder die Höhe aus top und bottom zu berechnen. Ich hätte eigentlich erwartet, dass der IE8 das inzwischen kann ...

Kann er, längst.

Gibt es da irgendeinen Trick, das zu lösen?

Vermutlich das Übliche: Quirks Mode verlassen.

MfG ChrisB