Tweet
Hi,
Beim Hover über den Testlink verschwindet im IE ein Teil der Tabelle. Beim Hover über die Tabellenlinks oder über den float-right-link erscheint er wieder. Mit Firefox ist alles normal.
Die Tabelle hat float:left, dass dann ein float:right für den Link unnötig ist, ist mir klar. Aber verboten ist es doch nicht, oder?
Ist das ein IE-Bug oder liegts wirklich am float? Bin für Erklärungen dankbar. Mich hat es gerade ne Stunde nervtötendes css-debugging gekostet.
So siehts aus - IE benutzen
index.php:
testcss.css:
Beim Hover über den Testlink verschwindet im IE ein Teil der Tabelle. Beim Hover über die Tabellenlinks oder über den float-right-link erscheint er wieder. Mit Firefox ist alles normal.
Die Tabelle hat float:left, dass dann ein float:right für den Link unnötig ist, ist mir klar. Aber verboten ist es doch nicht, oder?
Ist das ein IE-Bug oder liegts wirklich am float? Bin für Erklärungen dankbar. Mich hat es gerade ne Stunde nervtötendes css-debugging gekostet.
So siehts aus - IE benutzen
index.php:
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<link rel="stylesheet" type="text/css" href="./testcss.css">
<title></title>
</head>
<body>
<a href="#">test</a>
Internet-Explorer-Phänomen: Die Tabelle hat float:left. Beim Hover
vom Link test verschwindet ein Teil der Tabelle. Beim Hover von den
Tabellenlinks oder beim float-right-link erscheint er wieder. Wenn das, was hier
steht, in eine Zeile passt, passiert das nicht.
<table class="std_table">
<?php
for($i = 0; $i < 10; $i++) {
echo("
<tr>
<td><a href=\"#\">tabellenlink</a></td>
<td>bla</td>
</tr>\n");
}
?>
</table>
<br>
<a class="link_1" href="#">Float - Right - Link</a>
</body>
</html>
PHP-Code:
body {
font-family:Arial,Helvetica,sans-serif;
}
a:hover {
background-color:#080C56;
}
.std_table {
float:left;
}
a.link_1 {
float:right;
}
Kommentar