Linkfläche im IE nur auf Text begrenzt - warum?
0 0 0 0 
at
Linkfläche im IE nur auf Text begrenzt - warum?
Hi,
ich hab mal wieder ein Problem mit dem IE:
Ich bekomme es nicht hin, einen Link auf die komplette Fläche "klickbar" zu machen.
Ich weiß: "display:block" ist mein Freund, aber hab ich alles schon so eingestellt. Der einzigste Unterschied: Im Hintergrund liegt ein mit "position:absolute" gesetztes Image. Sobald ich dem Link eine Hintergrundfarbe gebe, klappt es - aber nicht ohne. Ich kann aber keine Hintergrundfarbe gebrauchen, sonst könnte ich mir die Grafik auch sparen.
Kennt jemand eine Lösung dafür?
Wäre super.
Hier nochmal zur Übersicht der Code:
<div style="border:1px solid gray;position:relative;height:23px;width:100%;">
<img style="height:100%;width:100%;position:absolute;top:0;left:0;" src="buttonMiddle.gif" alt="Button"/>
<a style="background-color:transparent;display:block;position:relative;text-align:center;width:500px;height:100px;" href="#">Link mich!</a>
</div>
Grüße & Danke,
Frangoo
-
Yerf!
Im Hintergrund liegt ein mit "position:absolute" gesetztes Image. Sobald ich dem Link eine Hintergrundfarbe gebe, klappt es - aber nicht ohne. Ich kann aber keine Hintergrundfarbe gebrauchen, sonst könnte ich mir die Grafik auch sparen.
Wieso setzt du die Grafik nicht als Hintergrundbild des Links?
Gruß,
Harlequin
--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->-
Hi Harlequin,
danke erstmal für dein Posting!
Wieso setzt du die Grafik nicht als Hintergrundbild des Links?
Also das Problem ist, dass ich die Grafik hinter dem Link - sorry, dass hatte ich nicht erwähnt - skalieren möchte.
Und das geht nunmal leider nur mit einem echten IMG-Tag :(-
Yerf!
Also das Problem ist, dass ich die Grafik hinter dem Link - sorry, dass hatte ich nicht erwähnt - skalieren möchte.
Und das geht nunmal leider nur mit einem echten IMG-Tag :(Das schon, aber das Ergebnis ist nicht besonders "schön", da Browser schlechter arbeiten als ein Grafikprogramm. Außerdem hattest du im Beispiel feste Werte für die Abmessungen des Links, weshalb ich davon ausging, man könnte die Grafik anpassen.
Weshalb display:block beim Link ohne Hintergrundfarbe nicht zum gewünschten Ergebnis führt kann ich dir aber leider nicht sagen.
Gruß,
Harlequin
--
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->-
Hallo.
Das schon, aber das Ergebnis ist nicht besonders "schön", da Browser schlechter arbeiten als ein Grafikprogramm.
Das kommt auf das Bild, den Browser, das Grafikprogramm und den Grafiker an. Und es ist natürlich abzuwägen, ob man Ressourcen verschleudert, indem mehr als die tatsächlich benötigten Daten übertragen werden, oder ob man vielleicht sogar Ressourcen schont, weil man sich so separate Vorschaubilber spart.
MfG, at
-
-
-