XHTML-Konform <div> verlinken

[klausbyte]

Hoi.
Ich habe ein <div> mit der CSS-Eigenschaft display:block; verlinkt.

Also <a><div></div></a>.

Das muss so sein, da in dem <div> eine Hintergrundgrafik ist, aber auch Text - und da soll das gesamte <div> verlinkt sein.

Allerdings meckert jetzt der Validator, dass das nicht xhtml 1.0 strict Konform ist.

Jemand ne Idee?

 

[Leertaste]

Hoi.
Ich habe ein <div> mit der CSS-Eigenschaft display:block; verlinkt.

Also <a><div></div></a>.

Das muss so sein, da in dem <div> eine Hintergrundgrafik ist, aber auch Text - und da soll das gesamte <div> verlinkt sein.

Allerdings meckert jetzt der Validator, dass das nicht xhtml 1.0 strict Konform ist.

Jemand ne Idee?

<div> = ein Blockelement
<a> = Inline-Element

Inline-Elemente dürfen keine Blockelemente enthalten, da hilft auch kein "display:inline" für das Blockelement. Soweit mal als Erklärung, falls dir das nicht eh schon klar war.

Versuch es doch mal so:

<a href=""><span>....</span></a>

a { }
a span {display:block}

Da <span> als Inline-Element zählt, stört es nicht den Validator. Durch "display:block" kannst du es so behandeln wie ein <div>. Es sollte funktionieren.

 

[klausbyte]

Aah! So etwas hatte ich bereits vermutet. Dank dir!