qwerty12309
Grünschnabel
Der IE 6 verschiebt mir ein div nach oben, das absolut positioniert ist. Wenn ich in der IE Developer Toolbar meinen Cursor in diese Eigenschaft setze und auf enter druecke, korrigiert sich das Layout. Wie ist das moeglich? Javascript wird verwendet, allerdings sieht das Layout auch mit deaktiviertem Layout verschoben aus. In Firefox und Opera funktioniert es. Weiss jemand Rat?
Der Code ist ein wenig wirr...
Wenn ich position:absolute in position:relative aendere, funktioniert es in IE, aber in den anderen Browsern verschiebt es die betreffenden Elemente nach unten.
Der Code ist ein wenig wirr...
HTML:
<div id="gSForm" style="position:relative;padding:5px;">
<div style="background:url(box_sml.gif) no-repeat;">
<div style="position:relative;height:25px;color:#5b5850;padding:6px;">
<form onsubmit="if( checkQuickSearch( input_field, false )){
returnSearch( document.getElementById( 'input_field' ).value, 'gamesearch');
}
return false;">
<div style="font-family:tahoma;font-size:14px;font-weight:bolder;">Suche
</div>
</form>
</div>
</div>
<div style="background:url(line.gif) no-repeat;font: 5px Tahoma"> </div>
<div style="background:url(box_240.gif) no-repeat; height:270px;">
<div style="position:relative;height:35px;color:#5b5850;padding:6px;">
<div style="position:absolute;top:5px;"><img src="images/gnl.gif" alt="dieses Bild ist verschoben" /></div>
<div style="position:absolute;left:55px;">
<div style="font-family:tahoma;font-size:14px;font-weight:bolder;">Browse</div>
dieser Text ist verschoben
</div>
</div>
...
Wenn ich position:absolute in position:relative aendere, funktioniert es in IE, aber in den anderen Browsern verschiebt es die betreffenden Elemente nach unten.