Joe: nullpunkt bei absoluter positionierung ie <7

Beitrag lesen

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>