nicht angemeldet
Zelle als Anker und vertikale Zentrierung innerhalb der Zelle
Hallo zusammen!
Bitte schaut euch folgendes Dokument an:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>F*** NN4!</title>
<style type="text/css">
td {
background-color: f00;
}
a {
display: block;
width: 100%;
}
layer {
padding: 6px;
/* border: none; */
}
</style>
<table width="200" border="1" cellpadding="0">
<tr>
<td onMouseOver="this.style.background='#FFFF00'" onMouseOut="this.style.background='#FF0000'">
<ilayer>
<layer width="200" onMouseOver="this.bgColor='#FFFF00'" onMouseOut="this.bgColor='#FF0000'">
<a href="/">Foo</a>
</layer>
</ilayer>
</td>
</tr>
</table>
Die Regel
a {
display: block;
width: 100%;
}
sorgt dafür, dass der Anker in modernen Browsern die ganze Zelle ausfüllt. Dies klappt natürlich nicht im NN4. Mit welchen schmutzigen Tricks kann ich den Anker auf die ganze Zelle ausdehnen, oder anders gefragt: Wie wird die Zelle selbst zum Anker?
Zweite Frage:
Bitte entfernt die Kommentare um 'border: none'. Versteht ihr das nun im NN4 auftretende Verhalten? Es gibt einen Abstand, gut, aber warum bleibt der Bereich um "Foo" bei Überfahren der Zelle mit der Maus rot? Wie erreiche ich es, dass "Foo" innerhalb der Zelle vertikal zentriert ist *und* sich entsprechend dem Rest der Zelle färbt?
Gruß,
MI (der Menschen, die unter Pseudonym posten, auf einmal voll und ganz verstehen kann... ;-)
--
XFrames Working Draft (Deutsche Übersetzung) : http://jendryschik.de/TR/xframes/
Die Wissensgesellschaft : http://jendryschik.de/michael/inf/wissensgesellschaft/
Feste Positionierung, richtig angewandt : http://jendryschik.de/wsdev/css/fixed/
XFrames Working Draft (Deutsche Übersetzung) : http://jendryschik.de/TR/xframes/
Die Wissensgesellschaft : http://jendryschik.de/michael/inf/wissensgesellschaft/
Feste Positionierung, richtig angewandt : http://jendryschik.de/wsdev/css/fixed/