Michael: Firefox Problem - Seitenpräsentation mit Tabellen

SELF-Forum

Firefox Problem - Seitenpräsentation mit Tabellen

Michael
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Firefox Problem - Seitenpräsentation mit Tabellen

    Michael
    – Informationen zu den Bewertungsregeln

    Hat denn niemand eine Idee dazu ?

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Firefox Problem - Seitenpräsentation mit Tabellen

    Detlef G.
    – Informationen zu den Bewertungsregeln

    Hallo Michael

    <td class="tab-on" id="navcell" onmouseover="wechsleInhalt(0)" ...
    <td class="tab-off" id="navcell" ...
    ...

    Eine Id muss Dokumentweit eindeutig sein!

    <table class="Inhalt" id="tb" ...
    <table class="Inhalt" id="tb" ...
    ...

    Eine Id muss Dokumentweit eindeutig sein!

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Firefox Problem - Seitenpräsentation mit Tabellen

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    <script type="text/javascript">
    <!--
    function wechsleInhalt(n)
      {
      for(i=0;i<navcell.length;i++)

    Wo wird das Array navcell deklariert?

    {
        navcell[i].className="tab-off";
        tb[i].style.display="none";

    wo wird das Array tb deklariert?

    Du nutzt die Fehlerkorrektur des IEs hier aus, der wenn er eine Variabel nicht findet anfängt überall nach hier zu suchen. Und zufällig ist das Ergebniss das was du erwartest.

    Um Elemente des Dokuments anzusprechen musst du die getElement... Methoden des window.document Objektes verwenden.

    Struppi.

    --
    Javascript ist toll
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln