Eingebettes div in IE7

[yuszuv]

Hallo zusammen,

ich bin am verzweifeln, weil ich es einfach nicht schaffe, eine ganz einfache Aufgabe für IE7 zu lösen. Folgendes will ich erreichen: Ich habe eine Zeile Text und in der nächsten Zeile soll ein div kommen, das halb so breit ist wie das div. Mein Code dafür sieht folgendermaßen aus.

#container { 
    position: absolute; 
    background: green; 
    display:-moz-inline-stack; 
    display:inline-block; 
    zoom:1; 
    *display:inline;
    }

#eins {
        background: yellow;
        display: block;
        }

#zwei {
        background: red;
        width: 50%;
        display: block;
        }
</style> 
 
<div id="container"> 
    <div id="eins">bla bla bla bla bla bla bla bla bla bla bla
    </div>
    <div id="zwei">bla
    </div> 
</div>

und siehe da: es funktioniert im IE7 nicht. Ich habe auch schon alle(?) möglichen Variationen probiert, aber nichts haut hin. Wenn ich aber die Breite vom #container fest vorgebe, dann funktioniert alles. Irgendwie scheint also mit der Vererbung was nicht so ganz hinzuhauen. Kann mir vielleicht jemand weiterhelfen. Ich würde sterben vor Glück.

Viele Grüße
Jan

 

[Tronjer]

Aus meiner eigenen, wenn auch kurzen Erfahrung, habe ich gelernt, ältere IE-Versionen zu hassen. :evil:

Was ich an deiner Stelle machen würde: versuchsweise feste Pixelwerte eingeben und notfalls eine Browserweiche bauen. Vererbungen lassen sich im Firebug ablesen und der IE7 hat mit display:inline-block Probleme.

 

[threadi]

Die Schreibweise

    *display:inline;

ist mir gerade nicht geläuft. Wenn Du einen Style nur für IE7 definieren willst, verwende so eine Schreibweise:

*+html #container { display: inline; }

 

[Degers]

Was genau funktioniert denn nicht, was macht das Div? BTW, Divs sind doch schon Blockelemente, warum nochmals display block?