Hallo Gemeinde,

habe folgendes Problem: Safari funktioniert nicht bei Ankern, die innerhalb eines Textes der per CSS absolut positioniert wurde und bei overflow die Option »auto« erhalten hat. Er ignoriert einfach die Links, sprich es passiert beim draufklicken gar nix. Andere Browser machen die Sache problemlos.

Laut Google ein bekanntes Problem. Hat schon jemand eine Lösung gefunden?

PS: bin erst einmal für eine Stunde wech …

Niemand eine Ahnung?

Kann es sein, dass die Links von einem anderen Element, das nicht sichrbar ist, verdeckt werden? Schau dir mal das CSS-Attribut z-index an. Wenn du da eine recht hohe für das Element angibst, das die Links enthält, müsste es vielleicht wieder gehen.

zeig mal die Seite...

Über das Design möchte ich nicht diskutieren, ist nicht von mir.

Hier also der Link:



Es geht auch nur um diese Seite. Der Kurstext ist recht lang und man soll von den Schlagwörtern am Anfang des Textes zu den entsprechenden Abschnitten springen (z. B. »Stimmig sprechen« oder »Sprechen im Beruf«). Im FF funktioniert es. Habe bisher recherchiert, dass es wohl ein generelles Safari-Problem ist. Dem wird man wohl leider nur mit JavaScript nachhelfen können

Also in OW funktioniert es. Da OW das WebKit benutzt, wie auch Safari, kann es nicht an den "edlen Teilen" von Safari liegen, sondern "nur" am GUI-Interface. Vielleicht solltest du mal einen Bugreport an Apple schicken.

Welche Omniweb-Version hast Du verwendet? Meine 5.5 will da nicht mitmachen.

Stimmt, mir fällt gerade auf, hier auf dem iMac habe ich die 5.6 sneaky peek 5. Möglicherweise ist es doch ein Fehler am WebKit, der inzwischen behoben wurde.

kann es sein, dass der fehler irgendetwas mit den verwendeten anführungszeichen (»...«) zu tun hat? versuch doch mal darauf zu verzichten oder die folgende zeile in den head zu schreiben:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

carset=utf-8 empfehle ich auch und versuch mal den Anker wie folgt zu definieren:

<a id="ss" name="ss"></a>

pb_user
jabberj

Habe beide Tipps getestet hat aber nix gebracht. Das Problem ist ja auch im Netz bekannt. Allerdings ohne Lösung. Ich hoffte ja nur, dass hier eventuell jemand einen Workaround kennt. Ich bin ja schließlich nicht der Einzige mit dem Problem.
Trotzdem vielen Dank für Eure Mühe.

Nebenbei, warum soll ich eigentlich den charset auf utf-8 setzen. Ich habe alle »seltsamen« Zeichen per Entity maskiert … ?

ichat

Da hast Du natürlich Recht. Ist auch sonst meine Argumentationsstrategie. Das Problem ist, die Kundin ist sowohl Mac- als auch Safari-Nutzerin. Und bei dieser Seite hat sie den ausdrücklichen Wunsch geäußert …

fronk

Hast du es schon mal mit dem Safari 3 probiert?

Also bei der Win-Version geht es nicht. Die Mac-Version habe ich noch nicht installiert – mache ich auch erst mit Leopard. Da aber die Win- und die Mac-Versionen auf das gleiche WebKit aufbauen wird es da wohl wahrscheinlich keinen Unterschied machen.

Jo. Schade

Also nicht das hier ein Missverständnis entsteht. Der Safari kann selbstverständlich mit Ankern umgehen. Aber eben scheinbar nicht mit einem positionierten Div dass versteckten (überlaufenden) Text beinhaltet.

Und wieso positionierst du das ganze dann überhaupt absolut? Ist doch in dem Fall absolut nicht notwendig.

Timm

Doch bei anderen Positionierungen funktionieren die Anker auch nicht aber das Layout haut es völlig kaputt.

Solang das Problem "nur" unter Safari auftritt und nicht unter IE und Fireföxchen. Leider ist es fast unmöglich, eine gute Usability unter allen Browsern zu gewährleisten. Stopfst du ein Loch, gibts woanders ein neues. Safari wird nur von einem kleinen Prozentsatz der Internetsurfer benutzt. Unter Marketingsicht sollte ein Projekt, um nicht den Kostenrahmen zu sprengen, erstmal für die gängigsten Browser optimiert werden. Das kann man Kunden auch ruhig so verkaufen. Danach kann man sich an solche Themen wagen.