nicht angemeldet
Hallo
Ich habe hier eine wunderschöne Seitenpräsentation mit Tabellen - funtioniert auch wunderbar im IE - nur leider nicht im Firefox :-(
Kennt ihr vieleicht ne Lösung wie man dies umstricken könnte damit es auch im Firefox funktioniert ?
<html>
<head>
<style type="text/css">
.Rahmen-Tabelle {
border-right : #cccccc 1px solid;
}
.tab-on {
border-right : #cccccc 1px;
border-left : #cccccc 1px solid;
border-top : #cccccc 1px solid;
border-bottom : #cccccc 1px;
padding : 5px;
cursor : hand;
color : #000000;
text-align : center;
background-color : #ffffff;
}
.tab-off {
border-right : #cccccc 1px;
border-left : #cccccc 1px solid;
border-top : #cccccc 1px solid;
border-bottom : #cccccc 1px solid;
padding : 5px;
cursor : hand;
color : #666666;
text-align : center;
background-color : #E4E4E4;
}
.tab-none {
border-right : #cccccc 1px;
border-left : #cccccc 1px solid;
border-top : #cccccc 1px;
border-bottom : #cccccc 1px solid;
background-color : transparent;
}
.Inhalt {
border-right : #cccccc 1px;
border-left : #cccccc 1px solid;
border-top : #cccccc 1px;
border-bottom : #cccccc 1px solid;
padding : 5px;
vertical-align : top;
background-color : #ffffff;
}
.td_heading {
border-right : #cccccc 1px;
padding-right : 3px;
border-top : #cccccc 1px;
padding-left : 10px;
padding-bottom : 3px;
border-left : #cccccc 1px;
color : #666666;
padding-top : 3px;
border-bottom : #cccccc 1px dashed;
}
</style>
<script type="text/javascript">
<!--
function wechsleInhalt(n)
{
for(i=0;i<navcell.length;i++)
{
navcell[i].className="tab-off";
tb[i].style.display="none";
}
navcell[n].className="tab-on";
tb[n].style.display="block";
}
-->
</script>
</head>
<body onload="wechsleInhalt(0);">
<table id="tb_content" cellspacing="0" cellpadding="0" width="572" border="0">
<tr><td class="Rahmen-Tabelle" valign="top">
<table cellspacing="0" cellpadding="0" width="572" border="0">
<tr>
<td class="tab-on" id="navcell" onmouseover="wechsleInhalt(0)" width="50"><font face="Verdana" size="2">Detail</font></td>
<td class="tab-off" id="navcell" onmouseover="wechsleInhalt(1)" width="50"><font face="Verdana" size="2">Detail</font></td>
<td class="tab-off" id="navcell" onmouseover="wechsleInhalt(2)" width="50"><font face="Verdana" size="2">Detail</font></td>
<td class="tab-off" id="navcell" onmouseover="wechsleInhalt(3)" width="50"><font face="Verdana" size="2">Detail</font></td>
<td class="tab-off" id="navcell" onmouseover="wechsleInhalt(4)" width="50"><font face="Verdana" size="2">Detail</font></td>
<td class="tab-off" id="navcell" onmouseover="wechsleInhalt(5)" width="50"><font face="Verdana" size="2">Detail</font></td>
<td class="tab-off" id="navcell" onmouseover="wechsleInhalt(6)" width="50"><font face="Verdana" size="2">Detail</font></td>
</tr>
</table>
<table class="Inhalt" id="tb" width="572" border="0" cellpadding="0" cellspacing="0">
<tr><td valign="top"><font face="Verdana" size="2">Text 1</font></td>
</tr></table>
<table class="Inhalt" id="tb" width="572" border="0" cellpadding="0" cellspacing="0">
<tr><td valign="top"><font face="Verdana" size="2">Text 2</font></td>
</tr></table>
<table class="Inhalt" id="tb" width="572" border="0" cellpadding="0" cellspacing="0">
<tr><td valign="top"><font face="Verdana" size="2">Text 3</font></td>
</tr></table>
<table class="Inhalt" id="tb" width="572" border="0" cellpadding="0" cellspacing="0">
<tr><td valign="top"><font face="Verdana" size="2">Text 4</font></td>
</tr></table>
<table class="Inhalt" id="tb" width="572" border="0" cellpadding="0" cellspacing="0">
<tr><td valign="top"><font face="Verdana" size="2">Text 5</font></td>
</tr></table>
<table class="Inhalt" id="tb" width="572" border="0" cellpadding="0" cellspacing="0">
<tr><td valign="top"><font face="Verdana" size="2">Text 6</font></td>
</tr></table>
<table class="Inhalt" id="tb" width="572" border="0" cellpadding="0" cellspacing="0">
<tr><td valign="top"><font face="Verdana" size="2">Text 7</font></td>
</tr></table>
</td></tr></table>
</body></html>
Gruß
Michael
Struppi