Hallo Leute,

mir ist aufgefallen das div verschachtelte objekte mit positionsangaben via css (z.B. position: absolute; left: 450px; top: 254px; ), auf dem internet explorer und safari browser völlig unterschiedlich ausgegeben werden.

ein screenshot aus einem example der selfhtml seite unter dem internet explorer:




die selbe seite geöffnet im safari browser:



das sieht man ziemlich deutlich auf beiden screenshots, wenn die y position von "a2 absolute" oder "a6 absolute" ansieht.

wer kennt dieses problem und kennt eine lösung für dieses problem oder ein "workaround"?

bitte nur sinnvolle antworten posten, die auch was mit dem thema zu tun haben, vielen dank.

Für ein erstes Post ein ganz schöner Bringer
Erstmal ein Hallo.

Wo ist dein konkretes Problem?
Als Pragmatiker sehe ich lediglich eine Ungleichbehandlung des z-index in a6, der beim Firefox richtig dargestellt wird, beim IE 7 unter WinXP SP2 aber nicht.

Allenfalls fällt mir auf, dass selfhtml margins und paddings nicht global genullt hat in der css-datei.

__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

hallo andir,

vielen dank für dein schnelles feedback. mein problem besteht darin, das wenn css layer objekte mittels div definiert und mit dem top und left attribute positioniert werden, das objekt mit seiner angegebenen x,y location bei beiden browsern an unterschiedlichen positionen ausgegeben werden. Das ist sehr schön sichtbar, wenn wie beschrieben Du die beiden screenshots vergleichst.

...inzwischen konnte das problem gelöst werden, was jedoch ziemlich konfus ist.

vorweg, die anzeige im safari browser wurde korrekt dargestellt, im ie falsch.
zusätzlich ist mir auch aufgefallen das es nur bei eingebetteten objekten passiert, welche unter 10 pixel width, height haben.

also bei wem auch dieser fehler auftritt mal folgendes probieren, den div "abschluß tag" direkt ohne leerräume nach dem letzen auftretenden text oder tag anschließen.

falsch:

richtig:


...total bescheuert solche freaky browser bugs, echt ärgerlich.


addon:

wenn es interessiert, der selbe fehler tritt ebenso bei tables mit reihen und spalten auf, dann mal probieren den tag ohne leerräume an das letzte symbol anzufügen.

Das, was Du bei Deinem Beispiel mit img beschrieben hast, resultiert daraus, dass aufeinander folgende Whitespaces als ein Whitespace dargestellt werden (auch Zeilenumbrüche).

Soll heißen: Du hast hinter dem Bild noch ein Leerzeichen, wenn der CloseTag nicht unmittelbar folgt. Je nach Schriftgröße wird der umgebende Container dann mehr oder weniger aufgezogen.

Je nach Einsatzgebiet würde sich ein "font-size: 0" oder ähnliches ebenfalls anbieten.

Oder, wenn der umgebene Container sowieso eine feste Höhe/Breite besitzt könnte man auch ein "overflow:hidden" verwenden, um den Effekt zu vermeiden.