nullpunkt bei absoluter positionierung ie <7

[noskule]

hallo zusammen

wenn ich ein div aboslute positioniere und das elternelement ein padding hat wird beim ie <7 das padding einbezogen, bei den anderen browsern nicht. Gibts da einen workaround?

<div style="position:relativ; padding:1em">
    <div style="position:absolute; top:0; left:0">
        content
    </div>
</div>

gruss nos

[Joe]

hallo zusammen

wenn ich ein div aboslute positioniere und das elternelement ein padding hat wird beim ie <7 das padding einbezogen, bei den anderen browsern nicht. Gibts da einen workaround?

<div style="position:relativ; padding:1em">
    <div style="position:absolute; top:0; left:0">
        content
    </div>
</div>

Du brauchst keinen Workaround. Nur ein wenig mehr CSS Kenntnisse. Was du da machst ist folgendes

<div style="position:relativ; padding:1em">

Positionierst einen Containier relativ mit padding
Außerdem muss es relative heissen

<div style="position:absolute; top:0; left:0">

den zweiten absolut. Dadurch hat er keinen Bezug auf dein erstes div und somit auch keinen Grund irgendeinem Padding nachzugehen

So müsste es sein:
<div style="position:relativ; padding:1em;background-color:red;">
    <div style="position:relative; top:0; left:0;background-color:blue;">
        content
    </div>
</div>

[Joe]

ähhm

so
<div style="position:relative; padding:1em;background-color:red;">
    <div style="position:relative; top:0; left:0;background-color:blue;">
        content
    </div>
</div>

Jetzt schreib cihs auch schon falsch^^

[wahsaga]

hi,

Positionierst einen Containier relativ mit padding [...]
den zweiten absolut. Dadurch hat er keinen Bezug auf dein erstes div

Natürlich hat er - schliesslich befindet sich der absolute positionierte im relative positionierten.

gruß,
wahsaga