Internet Explorer mag kein display: table-cell; in JavaScript
Micha
- javascript
0 schwarze Piste0 Micha
0 Tobias Kloth
Wenn ich mit JavaScript die display Eigenschaft einer Tabellenzelle (<td>) ändern möchte und dabei table-cell angebe zeigt mir der Internet Explorer einen Fehler an.
Hier der minimale Code, zum besseren verständnis:
<script type="text/javascript">
function umschalt (aus,an) {
document.getElementById(aus).style.display = "none";
document.getElementById(an).style.display = "table-cell";
}
</script>
<table width="100%">
<tr>
<td>H<br />H</td>
<td>text...</td>
<td id="kurz" style="background-color: orange; display: table-cell;" width="80"><a href="#" onclick="javascript:umschalt('kurz','lang');">Info Ein>></a></td>
<td id="lang" style="background-color: green; display: none;" width="140"><a href="#" onclick="javascript:umschalt('lang','kurz');"><<Info Aus</a></td>
</tr>
</table>
Bei Opera und Mozilla funktioniert es, wie es soll.
Kann ich dieses Problem irgendwie lösen (wenn, ich Javascript auch weiterhin benutze).
Weis zufällig auch jemand, wie ich bei deaktiviertem JS gleich nur die 'lang' Spalte anzeigen kann?
Tachchen!
Wenn ich dein Problem richtig verstanden habe und es im Bereich des fehlenden
Codes nicht komplexer wird, sollte dir display:block (statt table-cell) weiterhelfen.
Gruß
Die schwarze Piste
sollte dir display:block (statt table-cell) weiterhelfen.
Auf das einfachste kommt man fast nie...
Ich habe statt block aber inline gewählt, da mir sonst die Tabelle schmäler wird.
Danke.
Hallo Micha,
Wenn ich mit JavaScript die display Eigenschaft einer Tabellenzelle (<td>) ändern möchte und dabei table-cell angebe zeigt mir der Internet Explorer einen Fehler an.
Der IE versteht display:table-cell; nicht.
Grüße aus Nürnberg
Tobias