Carsten: Text und Link-sensitiver Bereich bei relativer Positionierung verschoben

SELF-Forum

Text und Link-sensitiver Bereich bei relativer Positionierung verschoben

Carsten
– Informationen zu den Bewertungsregeln

Hallo alle zusammen,

ich habe folgendes Problem: ich habe einem Textabsatz einen farbigen Hintergrund zugewiesen
(siehe: http://www.teamone.de/selfhtml/tdce.htm#a2 und http://www.teamone.de/selfhtml/tdcea.htm
für die entsprechenden Hinweise bei SELFHTML), und habe das Ganze mit Hilfe entsprechender
Abstandsangaben nach position:relative zentriert. Die Befehlszeile dazu sieht wie folgt aus:

<div style="position:relative; top:1cm; left:15%; width:70%; background-color:#DDEEFF;
border-style:none; border-width:1mm; padding:0.5cm;">

Hier kommt Text

</div>

Auf den ersten Blick sieht das Ergebnis mit Netscape und mit MSIE so aus wie gewünscht. Wenn ich
jetzt allerdings unter Benutzung von Netscape versuche, einen Link innerhalb dieses Absatzes anzuklicken,
so passiert nichts. Der Text und der Bereich, der auf den Mausklick reagiert, sind um genau die
Abstandsangaben in der <div>-Anweisung gegeneinander verschoben. Auch wenn man eine Textstelle
markieren möchte, erfolgt die Markierung entsprechend verschoben.
Beim MSIE funktioniert alles bestens.
Wer es selbst ausprobieren möchte: http://www.biotec.uni-hannover.de/test2.html
Ich bin für jede Antwort dankbar.

Danke und viele Grüße

Carsten

PS: ich habe schon versucht, mit Hilfe von verschiedensten Varianten von align=center und ähnlichem die
Zentrierung hinzubekommen, aber Netscape und MSIE reagieren immer unterschiedlich und überhaupt
nicht so, wie ich es gerne haben möchte...

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Text und Link-sensitiver Bereich bei relativer Positionierung verschoben

    Thomas J.S.
    – Informationen zu den Bewertungsregeln

    Hallo Carsten!

    ich habe folgendes Problem: > <div style="position:relative; top:1cm; left:15%; width:70%; background-color:#DDEEFF;
    border-style:none; border-width:1mm; padding:0.5cm;">

    Netscape hat damit ein Problem (hast du auch gemerkt).
    Er stellt zwar den Inhalt an der Stelle dar, wo es mit position:relative hinkommen sollte, aber Links und Text bleiben unsichtbar an der Stelle wo sie wären ohne position:relative.
    Deshalb erscheint alles verschoben.

    Lösung gibt es keine. D.h. du musst auf position:relative verzichten, wenn du Links anklickbar machen willst.

    Grüße
    Thomas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Text und Link-sensitiver Bereich bei relativer Positionierung verschoben

      Carsten
      – Informationen zu den Bewertungsregeln

      Danke für die Info!

      Lösung gibt es keine.   :-(

      Mein Gestaltungsproblem (den Hintergrund + Schatten dazu) habe ich jetzt _klassisch_ mit blinden
      Tabellen gelöst. Ergebnis: die Datei ist jetzt 50% größer...

      Carsten

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln