CSS-div-Box Positionierung
Hi
Ich hab mal wieder kein Plan von der Positionierung, WENN ich .. nee, fang ich anders an:
Ich positioniere 3 div-Boxen, die ineinander verschachtelt sind jeweils immer mittig zum Browserfenster. Geht auch. Sogar beim IE
ok. Jetzt ist es aber so, dass - wenn ich das Fenster manuell verkleinere -, sich die innerste Box nach der äußersten richtet u. nicht nach der 2. Box, wie sie eigentlich sollte. Beispiel:
HTML 4.01 Transitional
div.außen {width:100%; text-align:center; margin:0 auto; height:2000px; position:absolute; top:200px;}
div.mittlere {width:800px; text-align:center; margin:0 auto; height:2000px;}
div.innen {width:680px; text-align:left; margin-left:40px; position:absolute; top:100px;}
p.text {margin-top:10px; padding:7px; border:1px solid white;}
im body steht dann:
<div class="außen">< ;div class="mittlere"> <img ... >
<div class="innen">tex t text text<br>
<p class="text">text text text</p>text text text</div></div>
das Problem ist, dass - beim Zusammenschieben des Browserfensters, sich der p-Bereich leider nach der äußersten div-box richtet u. nicht nach der inneren
Die Äußere soll nur - bei width 100% - einen Bezugspunkt bieten, damit ich die mittlere mittig ausrichten kann Also: Alle Boxen richten sich immer mittig aus, egal wie groß ich das Browserfenster mache.. nur der p-Bereich richtet sich immer nach der äußeren Box aus u. verändert dadurch leider seine Position. Ich kann das im Opera u. im Firefox so ausrichten, dass das geht.. ABER: Der IE macht da Stress. Der richtet dann die p-class einfach NEBEN die mittlere Box aus, anstatt mitten drin positioniert zu sein, wie er eigentlich sollte und es beim Opera ja auch funktioniert. Kann man das noch nachvollziehen:idea:
Ich hoffe ja sehr, dass man das noch verstehen kann:shock:
Gruß!
Ich hab mal wieder kein Plan von der Positionierung, WENN ich .. nee, fang ich anders an:
Ich positioniere 3 div-Boxen, die ineinander verschachtelt sind jeweils immer mittig zum Browserfenster. Geht auch. Sogar beim IE
ok. Jetzt ist es aber so, dass - wenn ich das Fenster manuell verkleinere -, sich die innerste Box nach der äußersten richtet u. nicht nach der 2. Box, wie sie eigentlich sollte. Beispiel:
HTML 4.01 Transitional
div.außen {width:100%; text-align:center; margin:0 auto; height:2000px; position:absolute; top:200px;}
div.mittlere {width:800px; text-align:center; margin:0 auto; height:2000px;}
div.innen {width:680px; text-align:left; margin-left:40px; position:absolute; top:100px;}
p.text {margin-top:10px; padding:7px; border:1px solid white;}
im body steht dann:
<div class="außen">< ;div class="mittlere"> <img ... >
<div class="innen">tex t text text<br>
<p class="text">text text text</p>text text text</div></div>
das Problem ist, dass - beim Zusammenschieben des Browserfensters, sich der p-Bereich leider nach der äußersten div-box richtet u. nicht nach der inneren
Die Äußere soll nur - bei width 100% - einen Bezugspunkt bieten, damit ich die mittlere mittig ausrichten kann Also: Alle Boxen richten sich immer mittig aus, egal wie groß ich das Browserfenster mache.. nur der p-Bereich richtet sich immer nach der äußeren Box aus u. verändert dadurch leider seine Position. Ich kann das im Opera u. im Firefox so ausrichten, dass das geht.. ABER: Der IE macht da Stress. Der richtet dann die p-class einfach NEBEN die mittlere Box aus, anstatt mitten drin positioniert zu sein, wie er eigentlich sollte und es beim Opera ja auch funktioniert. Kann man das noch nachvollziehen:idea:Ich hoffe ja sehr, dass man das noch verstehen kann:shock:
Gruß!