2011-01-14 20 views
4

ich eine CSS-Datei, die wie folgt aussieht:display: none in CSS für einen TD

td { display: none; } 
.showCell { display: ???? } 

ich td, die ich auf dem Bildschirm theoretisch zeichnen wollen, indem sie die Klasse geben „Showcell“ . Allerdings weiß ich nicht welchen Wert für ????? würde dies auf allen Browsern funktionieren. Der Wert Tabelle-Zelle funktioniert auf alle außer ie6 und 7.

Hinweis: Das ist ähnlich der Frage, die ich gerade gefragt (http://stackoverflow.com/questions/4696210/opposite-of-displaynone-in-a- -td). Aber ich habe es dort schlecht gefragt und bitte mach es zu, wenn du kannst.

+0

Sie können nicht einfach ausschalten Display haben würde: keine? – kikito

+0

Nein, das ist eine vereinfachte Version von dem, was wirklich vor sich geht, und ich muss es in css aus Effizienzgründen tun –

+0

wirklich ohne ein wenig mehr Details darüber, warum es nicht funktioniert, können wir Ihnen nicht helfen. Zum Beispiel könnte es die Spezifität der td gegenüber der .showCell sein. Es gibt viele Gründe, warum es nicht funktionieren könnte. Alles, was ich sagen kann, ist uns einen genauen Testfall mit so wenig Teilen wie möglich zu bauen, der zeigt, was nicht funktioniert. – jcolebrand

Antwort

3

"In Internet Explorer 7 und früheren Versionen ist der Standardwert der [display] -Eigenschaft für Tabellen-, tr-, td-, col- und colGroup-Elemente der Block."

Von http://msdn.microsoft.com/en-us/library/ms530751%28v=vs.85%29.aspx

Der einfachste Weg, dies über bedingte Kommentare wäre zu erreichen. Setzen Sie ihn einfach in ein spezielles Stylesheet für IE6 und IE7

<!--[if lt IE 8]> 
<link rel="stylesheet" type="text/css" href="ie6and7fix.css" /> 
<![endif]--> 

die dann

.showCell { 
    display: block; 
} 
+0

@Joda Maki: Bitte sehen Sie meine aktualisierte Antwort. –

6
.showCell { display: table-cell } 
+0

Anzeige: Tabellenzelle funktioniert nicht in IE6 und IE7. Das war mein erster Instinkt, aber Joda sagte, es habe nicht funktioniert. display: block macht absolut keinen Sinn, da man erwarten würde, dass jede Zelle vertikal nach unten gezwungen wird, aber leider ging das mit Microsoft. –

2

Für eine Tabellenzelle benötigen Sie

display: table-cell 
+0

Die Frage des OP besagt, dass 'table-cell' nicht für IE6 und IE7 funktioniert. –

1

Try this: .showCell {display: table-cell WICHTIG}

0

Sie display: block; versuchen könnte. Dies könnte das Layout Ihrer Tabelle durcheinander bringen, aber ältere IEs unterstützen keine Tabellenzellen, so dass Sie nicht wirklich zu viel Auswahl haben.

Verwandte Themen