Wie kann ich "display: block" an einem & lt; td & gt; in IE?
Gibt es irgendetwas, was ich tun kann, um die IE-Anzeige Tabelle-Zellen als eigentliche Bausteine?
Angesichts dieser Stil:
table,tbody,tr,td,div {
display: block;
border: 1px solid #0f0;
padding: 4px;
}
Und das html:
<table>
<tbody>
<tr>
<td>R1C1</td>
<td>R1C2</td>
<td>R1C3</td>
</tr>
</tbody>
</table>
<div>
<div>
<div>
<div>R1C1</div>
<div>R1C2</div>
<div>R1C3</div>
</div>
</div>
</div>
Die Tabelle macht genau das gleiche wie die verschachtelten divs im Firefox und Safari/Chrome. Aber im Internet Explorer (8) die Eigenschaft display: block
hat keine Wirkung. Die Tabelle macht genau so, wie wenn ich nicht, die diese Eigenschaft festgelegt.
Mein Hauptproblem ist, dass die Zellen nicht brechen; Sie alle render auf einer Linie. (Die tbody
und tr
Elemente erhalten keine Grenzen noch eine Polsterung. Das ist nicht ein problem für mich jetzt, aber.)
Habe ich nicht gefunden, keine Informationen über das problem bei der Suche. Kompatibilität charts auf quirksmode und anderswo besagt, dass der IE unterstützt display: block
da v. 5.5. Jede Diskussion auf einem Tisch-display-Probleme zu sein scheint, wenn das Gegenteil tun - geben-nicht-Tisch-Elemente eine der display: table-*
Eigenschaften.
Also noch einmal, gibt es irgendetwas, was ich tun kann, um die IE-render-Tabelle Zellen als block?
(Die eigentliche Tabelle ist wirklich eine Tabelle mit tabellarischen Daten. Ich möchte es so halten, und restyle es dezent.)
<table>
s so Verhalten, wie Sie es möchten. InformationsquelleAutor der Frage Daniel | 2011-02-23
Du musst angemeldet sein, um einen Kommentar abzugeben.
Bewarb ich mich
float: left
zu Zeug. Es irgendwie funktioniert.Das größte problem ist
width: 100%
kombiniert mit derpadding
ist, die Dinge zu weit.Also:
Live-Demo (ohne die problematischen
padding
)Sieht das ein bisschen besser, aber ich bin mir nicht sicher, wie Sie können problemlos hinzufügen
padding
überall, wenn Sie es brauchen.Diesem fehl --> kläglich <-- im IE7 (es will einfach nicht über die Tatsache, dass es ein
<table>
), und selbst wenn Sie don ' T care über den IE7, es müssen Optimierungen für Ihren Anwendungsfall (wenn es brauchbar).IE7:
InformationsquelleAutor der Antwort thirtydot
Die folgenden arbeitete für mich für IE6+:
Annahmen:
Nachteile:
top
Eigenschaft (vielleicht generieren)Vorteil:
Wann:
InformationsquelleAutor der Antwort cmc