CSS-Positionierung Absolut in Tabellenzellen, die in Firefox nicht funktionieren
Ich kann dieses Positionierungsproblem in Firefox nicht herausfinden. Es scheint nicht der absoluten Positionierungsregel zu folgen. Gibt es etwas, das ich tue, das ich nicht tun sollte, aber einige Broweser kümmern sich darum und andere nicht?
JS Fiddle:
Original -http://jsfiddle.net/g9qzh/
Aktualisierte -http://jsfiddle.net/g9qzh/2/
Funktioniert in IE, Chrome, Safari, Opera
Hier ist der eigentliche Code. Lassen Sie mich wissen, wenn ich nicht einer Norm folge, die ich nicht kenne.
HTML:
<table>
<tr>
<td>
<div id="three">Three</div>
<div id="two">Two</div>
</td>
<tr>
<tr>
<td>
<div id="three">Three</div>
<div id="two">Two</div>
</td>
<tr>
</table>
CSS:
#two {
position: absolute;
top: 0;
}
td {
position: relative;
}
Mein einziger Hinweis ist, dass es einen anderen Wert gibt, dem ich zuweisen solltetd
das würde es funktionieren lassen. Einige andere Stackoverflow-Fragen haben das Fehlverhalten von Firefox erwähnt, aber ich konnte keine Antwort finden. Ich habe versucht, sowohl den oberen als auch den linken Wert Null zuzuweisen, aber FF rührt sich nicht. Für den Fall, dass Sie nicht mehr weiterkommen möchten