✔ Div. verlinken

[Geflügel]

Hallo,

<a href="javascript:void(0);" style="border: 1px solid green; position: absolute; z-index: 4;">
<div style="width: 111px; height: 10px; border: 1px solid red; z-index: 3;">
</div>
</a>

Wenn man mit gedrückter Maustaste über den weißen Bereich in der Mitte der Box fährt, dann wird im Firefox als Mauszeiger ein "Stopsymbol" angezeigt.

Im Internex Explorer ist nur der 1-Pixel-Rahmen verlinkt und wenn man mit der Maus über den Rahmen fährt, dann ist der Mauszeiger ganu normal.

Wie stellt man es so ein, dass die Anzeige im Firefox der Anzeige vom Internet Explorer entspricht?

Danke im Voraus!

 

[Gumbo]

Block-Level-Elemente dürfen keine Kind-Elemente von Inline-Elementen sein. Deshalb muss die Reihenfolge einfach umgedreht werden:

<div style="border:1px solid red; width:111px; height:10px">
<a href="javascript:void(0);" style="display:block; border:1px solid green">
</a>
</div>

 

[Geflügel]

Block-Level-Elemente dürfen keine Kind-Elemente von Inline-Elementen sein.

Wo steht das?

2.) Leider ist der Link nicht genauso hoch wie das äußere div. Wie kann man das machen?

Danke schonmal.

 

[Gumbo]

Das schreibt die HTML-Spezifikation vor:

Im Allgemeinen können […] inzeilige Elemente nur Daten und andere inzeilige Elemente enthalten.

Wenn du die Größenangaben weglässt, wird sie automatisch an den Inhalt angepasst:

<div style="border:1px solid red">
	<a href="javascript:void(0);" style="display:block; border:1px solid green">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</a>
</div>

 

[Geflügel]

Naja, aber nun kann ich immernoch nicht mit gedrückter Maustaste über den weißen Inhalt fahren, ohne das dieses "Stopsymbol" kommt.

 

[Maik]

Hi,

was verstehst du bitte unter einem "Stopsymbol"?

 

[Maik]

Okay, hab herausgefunden, was du meinst:



Ich denke, das ist eine "Browsereinstellung", an der du nichts verändern kannst.