Compatibilità con Firefox

**theSpartan** · 08-05-2007, 20:15

Ho creato questa pagina per poter navigare nel mio sito ma al lavoro finito mi sono accorto che Firefox non la visualizzava correttamente (o almeno come internet explorer).

Qui sotto riporto il codice completo della pagina....qualcuno potrebbe aiutarmi a renderla compatibile anche con Firefox?

Grazie in anticipo, theSpartan

Codice PHP:


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<style>

.tab {

    cursor:pointer;

    

display:block;

    border-style:solid;

    

border-width:1px;

    font-family:Arial;

    

font-size:12;

    

color:#002BB8;

}

.space {

    border-left-width:1px;

    

border-right-width:1px;

    

border-top-width:1px;

    

border-bottom-style:solid;

    

border-bottom-width: 1px

}

</style>

<script type="text/javascript">

function clickontab(tab_id,mode) {

    if (mode == "over" && tab_id_old != tab_id) {

        document.getElementById(tab_id).style.borderBottomWidth = "0";

    } else if (mode == "out" && tab_id_old != tab_id) {

        document.getElementById(tab_id).style.borderBottomWidth = "1px";

    } else {

        if (x == true) {

            document.getElementById(tab_id_old).style.borderBottomWidth = "1px";

            document.getElementById(tab_id_old).style.borderColor = "#AAAAAA";

            document.getElementById(tab_id_old).style.fontWeight = "normal";

        }

        document.getElementById(tab_id).style.borderBottomWidth = "0";

        document.getElementById(tab_id).style.borderColor = "orange";

        document.getElementById(tab_id).style.fontWeight = "bold";

        tab_id_old = tab_id;

        x=true;

    }

}

</script>

</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" onload="javascript:tab_id_old = ''; x= false;">

<table border="0" width="100%" cellspacing="0" cellpadding="0" height="80">

<tr>

    <td align="right" valign="bottom">

        <table border="0" width="100%" cellspacing="0" cellpadding="0" bordercolor="#AAAAAA">

        <tr>

            <td class="space">

                

            </td>

            <td class="tab" align="center" width="10%" id="tab1" onclick="javascript: clickontab('tab1');" onmouseover="javascript:clickontab('tab1','over')" onmouseout="javascript:clickontab('tab1','out')">

                 Pagina1

            </td>

            <td class="space" width="2.3%">

                

            </td>

            <td class="tab" align="center" width="10%" id="tab2" onclick="javascript: clickontab('tab2');" onmouseover="javascript:clickontab('tab2','over')" onmouseout="javascript:clickontab('tab2','out')">

                 Pagina2

            </td>

            <td class="space" width="2.3%">

                

            </td>

            <td class="tab" align="center" width="10%" id="tab3" onclick="javascript: clickontab('tab3');" onmouseover="javascript:clickontab('tab3','over')" onmouseout="javascript:clickontab('tab3','out')">

                 Pagina3

            </td>

            <td class="space" width="2.3%">

                

            </td>

            <td class="tab" align="center" width="10%" id="tab4" onclick="javascript: clickontab('tab4');" onmouseover="javascript:clickontab('tab4','over')" onmouseout="javascript:clickontab('tab4','out')">

                 Pagina4

            </td>

            <td class="space" width="2.3%">

                

            </td>

            <td class="tab" align="center" width="10%" id="tab5" onclick="javascript: clickontab('tab5');" onmouseover="javascript:clickontab('tab5','over')" onmouseout="javascript:clickontab('tab5','out')">

                 Pagina5

            </td>

            <td class="space" width="2.3%">

                

            </td>

            <td class="tab" align="center" width="10%" id="tab6" onclick="javascript: clickontab('tab6');" onmouseover="javascript:clickontab('tab6','over')" onmouseout="javascript:clickontab('tab6','out')">

                 Pagina6

            </td>

            <td class="space" width="5%">

                

            </td>

        </tr>

        </table>

    </td>

</tr>

</table>

</body>

</html>

**progalba** · 08-05-2007, 20:49

per fortuna è piccola come pagina, cmq in futuro controlla sempre dopo aver fatto un po di cose..

all'ingrosso ti correggo solo il css, il quale sarebbe meglio foglio esterno

<style>
.tab {
cursor

ointer;
display:block;
border: 1px solid black;
font-family: Arial;
font-size:12px;
color:#002BB8;
}
.space {
border:1px solid black;
}
</style>

corretto W3C

**unbreakable9** · 09-05-2007, 11:32

Ciao scusa ma in quel javascript le variabili tab_id_old e x NON sono ne dichiarate ne inizializzate a meno che ovviamente tu non le abbia rese globali da qualche altra parte ma dal codice nno di direbbe.

**theSpartan** · 10-05-2007, 15:53

Originariamente inviato da progalba
per fortuna è piccola come pagina, cmq in futuro controlla sempre dopo aver fatto un po di cose..

all'ingrosso ti correggo solo il css, il quale sarebbe meglio foglio esterno

<style>
.tab {
cursor

ointer;
display:block;
border: 1px solid black;
font-family: Arial;
font-size:12px;
color:#002BB8;
}
.space {
border:1px solid black;
}
</style>

corretto W3C

Ho corretto come hai scritto te ma facendo così mi andrebbe a colorare tutti i margini della classe space che invece devono aver colorati solo quelli inferiori...

Quindi ho corretto in questo modo:

Codice PHP:


.tab { 

cursor: pointer; 

     

display: block; 

     

border: 1px solid #AAAAAA;



font-family: Arial; 

     

font-size: 12px; 

     

color: #002BB8; 

} 

.space { 

border-bottom: 1px solid #AAAAAA; 

}

E ho messo tutto in un css esterno ma cmq il problema persiste perchè con firefox non solo le varie schede non sono disposte a destra (me le centra facendogli occupare tutto lo spazio della pagina) ma i bordi delle celle della classe space sono spostati leggermente più in basso rispetto alle altre....forse danno problemi le percentulai delle righe???...cmq grazie per la correzione almeno adesso i bordi me li colora bene....

Originariamente inviato da unbreakable9
Ciao scusa ma in quel javascript le variabili tab_id_old e x NON sono ne dichiarate ne inizializzate a meno che ovviamente tu non le abbia rese globali da qualche altra parte ma dal codice nno di direbbe.

Le variabili sono dichiarate nel body onload....però nn è quello che mi da problemi xkè lo script funziona....il problema più che altro è come viene visualizzata la pagina da firefox...

Attendo altre risposte da tutti, grazie e ciaooo!!!

P.S.: Se volete vedere trovate qui la pagina http://iehome.altervista.org/menu/index.htm ....provate ad aprirla prima con ie e poi con firefox

Discussione: Compatibilità con Firefox

Strumenti discussione

Ricerca discussione

Visualizza

Compatibilità con Firefox

Permessi di invio