Display in Firefox

Kurland · 29.01.2007, 18:20

Hallo

Firefox intepretiert die CSS-Methode "display" ganz anders als der IExplorer.
Der untenstehende Code zeigt dies deutlich auf. Gibt es eine Lösung, dass der FireFox dies auch richtig darstellen kann?

Danke und Gruss
Kurland

Code:

<html>
<head>
<title>Untitled Document</title>
<script language="Javascript">
function test()
{
document.getElementById('test').style.display='inline';
}

</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="90%" border="1" cellspacing="0" cellpadding="0" height="147">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr style="display:none;" id="test" width="100%">
    <td>AAA</td>
    <td><div id="test">BBB</div></td>
    <td>CCC</td>
    <td>DDD</td>
  </tr>
</table>
<p><a href="#" onclick="test();">test</a></p>

</body>
</html>

cssPanel · 29.01.2007, 22:38

Hi,

lass mal den display-Wert offen:

Code:

document.getElementById('test').style.display='';

Und noch was: eine ID muß eindeutig sein, Du vergibst die ID "test" aber zweimal in dem Dokument.

Kurland · 30.01.2007, 11:22

Besten Dank, das wars.
Um eine Zeile einzublenden muss display="" sein, um ein DIV einzublenden muss display="block" sein.

Besten Dank und Gruss
Kurland

cssPanel · 30.01.2007, 12:43

@ingo: Dann schau dir mal in den nicht-IE-Browsern an, was bei deinem Vorschlag mit den Tabellenzellen geschieht