IE Layout Probleme

Status
Nicht offen für weitere Antworten.

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...

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">&nbsp;</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.
 
Danke schoen fuer deine Antwort; ich habe es jetzt so gemacht - ich hatte nur gehofft, dass es eine sauberere Loesung dafuer gaebe oder dass jemand einen Tippfehler o.AE. bei mir finden wuerde. :)
 
Status
Nicht offen für weitere Antworten.
Zurück