Michi: Objekte positionieren - in jedem Browser an derselben Stelle :)

Beitrag lesen

Hi,

hab grad wieder einen optischen Konflikt zwischen Firefox und IE.

Folgende Individualformat-Definition lässt ein damit positioniertes Objekt im Firefox um einen Pixel weiter links erscheinen als im IE:

/////////////////////////////////////////////////////////////////////////////////////////////////

#wurm { position:absolute; top:180px; left:880px; padding:0px; margin:0px; border:0px; }

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

Das damit positionierte Objekt:

////////////////////////////////////////////////////////////////

<div id="wurm" class="wurm">
  <img src="./grafik/wurm.jpg">
 </div>

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

Bei allen anderen absoluten Positionierungen tritt diese Abweichung analog auf.

Da ein fester Bezug zum Hintergrund besteht, kann man diese Verschiebung nicht tolerieren... Liegt die Lösung in der Definition (Individualformate) an sich (best. Attribut?) oder gibts an irgendeiner anderen Stelle auf der Seite (als logische Folge, wenns am Individualformat selber nicht liegt) eine Definition, die diese geringfügige Abweichung in der Seitenbreite zur Folge hat? Zählen die Browser evtl. einfach verschieden (z.B. Start bei 0 bzw. 1)?

Ich mag natürlich, wenn möglich, nicht mit JavaScript nachhelfen, sondern alles sauber per HTML + CSS lösen, sofern sich das so lösen lässt. Andernfalls verzicht ich lieber auf Layer und bau die Objekte  fix ein. :)

Gruß Michi