Forum » Computer, Internet & Chat » Thread

CSS-div-Box Positionierung

07.01.2009 05:15

HiddenNickname

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: