Sito non funzionante con Firefox

[sergejpinka]

Salve,

ho scritto un sito internet http://sergejpinka.altervista.org/
E' scritto con HTML 4.01 e CSS2

il punto è che con Internet Explorer si "vede bene" (a parte qualche errore di impaginazione), mentre con Firefox è na' ciofeca è completamente tutto spostato sopra sotto.

Se qualcuno mi potesse daruna mano...

Grazie di tutto! a presto!:fonzie: :fonzie:

 

[lukeonweb]

posta il codice css

 

[sergejpinka]

Il CSS adottato è:

* {
text-decoration:none;
margin:0;
padding:0;
list-style:none;
vertical-align:middle;
border:none;
}

html {
text-align:center;
background: #BF0000 url(images/fundo-sombra.png) center repeat-Y center; /* A sombrinha que fica em volta do site */
}

body {
background: url(images/fundo-degrade.gif) left repeat-X top; /* Aquele degrade que fica de fundo no topo da página */
}
img.wp-smiley {float:none !important; vertical-align:middle; margin:0 !important;}


dl {
font:70% Verdana, Arial;
margin:0 10px;
}

dl dt {font-weight:bold;}
dl dd {margin-bottom:10px;}

/* Struttura di Geral */
#geral {
margin:0 auto;
width:850px; /** Pois é... Ignorei o pessoal que usa 800x600. **/
padding:0 10px;
background: url(images/fundo-geral.png) no-repeat center top;
}

a, b {vertical-align:baseline;}


/* Struttura dell'Barnav */
#topo {
padding:0px;
text-align: center;
height:180px;
width:730px;
background: url(images/banner.jpg) no-repeat center;
}

#menu {
height:31px;
background: url(images/fundo-menu.png) repeat-X;
margin:10px 1px 0;
}

#menu ul {
margin:0 auto;
width:530px;
}

#menu ul li {display:inline;}

#menu ul li a {
float:left;
font:bold 90% 'Trebuchet Ms', Verdana, Aria, Tahoma;
color:white;
padding:0 15px;
height:31px;
line-height:31px;
text-transform:uppercase;
}

#menu ul li a:hover {background: #FC210E url(images/fundo-menu-hover.png) repeat-X;
};

/* Struttura Colonna sinistra */
#colonna-sx {background : transparent;
color : Black;
font : 80% verdana,arial,sans-serif;
float : left;
width : 19%;
text-align : center;
padding : 0px 2px 2px 2px;
}

#colonna-sx .linksa{background : White;
text-align : center;
border : 0px solid #87ABBC;
padding : 0px;
margin-top : 5px;
}

.titoletto{background : transparent url(images/sfondotitoli.png) repeat-x;
color : Black;
display : block;
margin : 0;
width: 100%;
border: 0px;
height: 25px;
padding : 2px 2px 2px 2px;
font: bold medium Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.titoletto2{background : #ECECEC;
font-weight : bold;
color : #BBB90C;
display : block;
border: 0px;
height: 25px;
padding : 2px 2px 2px 2px;
}

ul{list-style: none;
font-size : 100%;
margin : 0;
padding : 0;
text-align : left;
}

ul li{margin : 2px 0 2px 0;
padding : 2px 2px 2px 2px;
height : 20px;
background : transparent;
display : block;
border : 0px;
text-align : left;
}

/* Struttura della Finestra principale */
#informazioni {background : transparent;
text-align : center;
font : 90% verdana,arial,sans-serif;
color : Black;
float : left;
width : 59%;
margin-left : 3px;
margin-right : 3px;
}

.box{background : White;
text-align : center;
font : 100% verdana,arial,sans-serif;
color : Black;
float : left;
padding : 0px;
margin-top : 5px;
width : 99%;
border: 1px solid #87ABBC;
}

.top{float : left;
background : #ECECEC;
text-align : center;
font : bold 100% verdana,Arial,sans-serif;
color : #BBB90C;
margin : 0;
width: 100%;
padding : 0px 0px 2px 0px;
border: 0px;
height: 25px;
}

.middle{float : left;
background : transparent;
text-align : left;
font : 90% verdana,arial,sans-serif;
color : Black;
margin : 2px 0;
padding : 2px;
border : 0px solid #87ABBC;
width : 99%;
}

.down{float : left;
background : transparent;
text-align : center;
font : 90% verdana,arial,sans-serif;
color : Black;
margin : 2px 2px 0 0;
padding : 2px;
border : 0px solid #87ABBC;
width : 99%;
}

/* Struttura colonna destra */
#colonna-dx{float : left;
font : 100% verdana,arial,sans-serif;
color : Black;
background : transparent;
text-align : right;
width : 19%;
margin-left : 3px;
padding : 2px;
}

.linksa{background : White;
text-align : center;
border : 1px solid #87ABBC;
padding : 0px;
margin-top : 5px;
}

.titoletto3{background : #ECECEC;
font-weight : bold;
color : #BBB90C;
display : block;
border: 0px;
height: 25px;
padding : 0px 0px 2px 0px;
}

.titoletto4{background : #ECECEC;
font-weight : bold;
color : #BBB90C;
display : block;
border: 0px;
height: 25px;
padding : 0px 0px 2px 0px;
}

/* Struttura del Footer */
#pie-pagina{clear : left;
background : transparent;
border : 0px;
height : 100px;
color : Black;
padding : 0;
}

#pie-pagina .boxx {background : transparent;
border : 0px solid #87ABBC;
color : Black;
text-align : right;
height : 22px;
font : 90% verdana,arial,sans-serif;
padding-right : 5px;
}

#pie-pagina .boxx2 {background : transparent;
border : 0px solid #87ABBC;
color : Black;
text-align : center;
height : 22px;
font : 90% verdana,arial,sans-serif;
padding-right : 0px;
}

/* Links */
a{font : 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
color: #4E88FF;
text-decoration: none;
}

a:link{font : 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
color: #628098;
text-decoration: none;
}

a:visited{font : 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
color: #628098;
text-decoration: none;
}

a:hover{font : 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
color: #628098;
text-decoration : underline;
}

lo so in effetti è complesso, sicuramente ho commesso qualche errore, chisa dove...!

 

[dead]

in effetti si vede male.
purtroppo IExplorer non rispetta gli standard W3C, ed un sito che va bene a lui non va bene ai browser seri come FF.

La pratica migliore è quella di fare 2 css separati, e richiamare quello per IE tramite un commento condizionale del tipo:

<!--[if IE 5]>
<link rel="stylesheet" type="text/CSS" href="iefix.CSS">
<![endif]-->

da inserire nell'header.

 

[sergejpinka]

...comunque sarebbe il contrario: con Firefox non mi riesce vederlo, mentre con Internet Explorer lo vedo meglio...

...son daccord con te: se con FF si vede male allora è assai probabile che sia io ad aver commesso qualche errore; e sicuramente grossolano.

Ma non so quale!

 

[sergejpinka]

forse faccio male ad insistere, ma è che ci sto sbattendo la testa da una settimana, e no so proprio dove sia l'errore...

...aiutatemi per favore...:dipser:

 

[daviduccio]

sto cazzo di div......raga ditemi tutto quello che volete, ma io le tabelle no le mollerò maiiiiiiiiiiiiiiiiiiiiiii!

 

[sergejpinka]

sto cazzo di div......raga ditemi tutto quello che volete, ma io le tabelle no le mollerò maiiiiiiiiiiiiiiiiiiiiiii!

:quote: :quote: :quote:
a Daviduccio guarda e struggiti nell'invidia ce lho fatta!!! e tutto da solo!!! ma vieeeeeeniiiii!!!!!!


:tifoso: :ilpirata: :ilpirata: :tifoso: