ChrisB: Header Bild im IE verschoben!

Beitrag lesen

Hi,

ich habe ein Problem mit dem Template meiner Seite. Und zwar wird im IE 6 und IE 7 mein Header Bild nach Rechts verschoben!

<div id="wrap">
<div style="position:relative;float:left;left:770px;width:50px;  background-color:#e4c9cd;">
<p>Das ist ein Test für das DIV.
</div>
<div id="header">

IE < 8 haben ein Problem mit diesem gefloateten und per relativer Positionierung nach rechts verschobenen Element - der ursprüngliche Platzbedarf wird offenbar trotz Floating reserviert.

Überlege dir, ob du eine andere Art von Positionierung nutzt, um das Element dort rechts ausserhalb des Inhaltsbereiches darzustellen - bspw. absolute Positionierung.

Oder gebe dem Element ein negatives margin-right (wenn Breite bekannt) - das interpretieren IE < 8 dann wiederum von der ursprünglichen Position aus, und so wird #header wieder nach links gezogen.

MfG ChrisB

--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]