Link auf Breite einer Tabellenzelle strecken
Benjamin
- html
Hallo,
folgendes Problem stellt sich mir gerade in den Weg.
Ich möchte einen Link in einer Tabellenzelle so strecken, dass er über die gesamte Tabellenzelle geht.
Nach meinem Wissenstand geht das auch mit CSS und zwar so:
a.Zelle { width:100%;
background-color:#556699;
}
wenn dann später meine Tabellenzelle so aussieht.
<table>
<tr>
<td><a class="Zelle" href="bla.htm">Link</a></td>
</tr>
<tr>
<td><a class="Zelle" href="blubb.htm">Langer Linktext</a></td>
</tr>
</table>
Im IE funktioniert das ganze auch so, wie ich es meine; der Hintergrund beim kurzen Linktext "Link" ist genauso lang wie der Hintergrund beim "Langen Linktext". (kann man auch gut über die Hintergrundfarbe testen).
Leider will aber der Feuerfuchs gar nicht so wie ich will. Kann mir mal bitte jemand sagen, woran das liegt und/oder wie ich Firefox klar machen kann, das zu tun, was ich gern hätte?
Wäre super.
Greetings, Benjamin.
Hello out there!
Leider will aber der Feuerfuchs gar nicht so wie ich will. Kann mir mal bitte jemand sagen, woran das liegt
Weil du nicht sagst, was du willst. (Das der IE das errät, ist ein Fehler von ihm.)
„'width'
Angewendet auf: Alle Elemente, außer auf nicht-ersetzte Inline-Elemente, Tabellenzeilen und Zeilengruppen“ [CSS2 §10.2]
a ist ein nicht-ersetztes Inline-Element.
und/oder wie ich Firefox klar machen kann, das zu tun, was ich gern hätte?
Mache aus a etwas anderes. [CSS@ §9.2.5]
See ya up the road,
Gunnar