Problemumgehung für die Unterstützung von IE6 Empty Cells CSS

Die empty-cells-Eigenschaft in css legt fest, ob der Browser leere Zellen in Tabellen umrahmen soll oder nicht. Es wurde angenommen, dass Internet Explorer 6 diese Eigenschaft nicht unterstützt. Wenn Sie jedoch die CSS-Monde in der perfekten Richtung ausrichten, erkennt IE6 tatsächlich die empty-cells-Eigenschaft. Hier ist, wie es geht.

CSS für IE zu erstellen ist einer der schmerzhaftesten Teile der Arbeit eines Designers. Leider verwenden viele große Unternehmen immer noch IE. Daher sind immer noch IE6-Korrekturen und Hacks erforderlich.

Derzeit entwerfe ich eine Anwendung für unser Krankenhaus (das immer noch nur IE6 verwendet). Das Programm enthält viele Daten in Tabellen und der Mangel an leeren Zellen, die die Unterstützung von Css unterstützen, sah fürchterlich aus. Hier ist ein Beispiel für die Ränder, die nicht um leere Zellen herum erscheinen.

Um dieses Problem zu umgehen, müssen Sie das CSS einstellen Grenzzusammenbruch Eigentum der Tabelle zu Zusammenbruch auch in Ihrem CSS. Danach wird der IE6 das korrekt wiedergeben leere Zellen Eigenschaft auf Ihren TDs. Hier ist das einfachste CSS-Beispiel:


.sampletable {
Border-Collapse: Zusammenbruch;}
.sampleTD {
leere Zellen: show;}

Hier ist ein Screenshot dieser Methode in Aktion: