Objekte positionieren - in jedem Browser an derselben Stelle :)

[Michi]

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

[Klawischnigg]

Hi there,

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)?

Die Lösung liegt in einem Layout, daß keine pixelgenaue Positionierung benötigt. Eine Htmlseite ist halt einmal etwas anderes als eine Pixelgraphik.

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

Du näherst Dich dem Zustand, daß Du einfach ein Photo auf die Seite stellen kannst, das wäre noch einfacher...

[wahsaga]

hi,

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

Die deutsche (Schrift-)Sprache kennt bereits genügend gute und bewährte Möglichkeiten, deinem Anliegen wohlstrukturiert Ausdruck zu verleihen.
Die Wiederholung eines umgekehrten Schrägstriches erfüllt darin aber keine sinnvolle Funktion.

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

Nein, vermutlich tut sie das nicht.

Da ein fester Bezug zum Hintergrund besteht, kann man diese Verschiebung nicht tolerieren...

_Da_ liegt das Problem.
Wenn die Viewportbreite minus Breite des Hintergrundbildes sich nicht restlos durch zwei teilen lässt, dann muss der Browser das Hintergrundbild beim Zentrieren um einen Pixel verschieben - nach links, oder nach rechts. Und das machen die Browser halt nicht unbedingt gleich.

gruß,
wahsaga