css e firefox

[toxi78]

Allora il problema è questo : ho la mia pagina web con gli sfondi e le varie formattazione in un foglio di stile esterno.su IE la pagina si vede bene ...se vado su firexo quando la pagina si apre la prima volta la pagina non si chiama il foglio di stile e si vede tutta "sballata"....poi se fatto un refresh ,tutto si rimette in ordine!PERCHEEEEEEEEEE'???

[thomas_anderson]

Detto così non si capisce molto. Posta il link della pagina o il link del CSS.

[toxi78]

ti posto il css:

/* Definizioni generiche */

body{
text-align:center;
background-color:#F1F0F0;
}

a{
text-decoration:none;
color:#f1f0f0;
}

a:hover{
text-decoration:underline;
color:#FF9900;
}


.box{
height:800px;
background-color:#F1F0F0;
text-align:left;
}

.barra{
background-image:url(../img/barra.jpg);
}

.testobarra{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000099;
}
.lingue{
position:relative;
background-image:url(lingue.jpg);
float:left;
}

.banner{
position:relative;
width:320px;
height:64px;
color:#F1f0f0;
font-size:10px;
font-family:Arial,Helvetica,San-Serif;
background-image:url(banner.jpg);

}

.testoscorr{
position:relative;
width:410px;
height:10px;
background-image:url(testoscorr.jpg);
color:#FFFFFF;
}

.boxContents {
position:relative;
top:15px;
left:0px;
background-color:#F1F0F0;
height:400px;
text-align:left;

}

.leftNav{
position:relative;
top:0px;
left:0px;
width:153px;
height:100%;
float:left;

}

.sports{
position:relative;
width:185px;
height:100%;
color:#FFFFFF;
font-size:12px;
font-Family:Arial, Helvetica, San-Serif;
margin-right:10px;
padding-bottom:27px;
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
background-image: url(../bandiere/sfond3.jpg);
}
.sports2{
position:relative;
width:170px;
background-image:url(menusinistro.jpg);
color:#FFFFFF;
font-size:10px;
font-Family:Arial,Helvetica,San-Serif;
margin-right:10px;
}
.titolosports{
position:absolute;
top:0px;
width:160px;
height:20px;
font-family:Arial,Helvetica,San-Serif;
font-size:13px;
color:#F1f0f0;
text-align: left;
left: 2px;

}
.testosports{
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align: left;
border-bottom-style: groove;
border-bottom-width: 1px;
border-bottom-color: #FFFFFF;
}
.testoadmin{
color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align: left;
border-bottom-style: groove;
border-bottom-width: 1px;
border-bottom-color: #FFFFFF;
}

.testosports2{
position:absolute;
top:26px;
left:9px;
width:100px;
height:100px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align: left;
}
.ombradessports{
position:relative;
top:0px;
left:-13px;
width:2px;
height:362px;
background-image:url(ombrades-sports.jpg);
float:right;
}


.centerNav{
position:relative;
top:0px;
left:0px;
width:502px;
height:100%;
float:left;
margin-left:5px;
margin-right:5px;

}

.news{
position:relative;
height:100%;
width:100%;
background-image:url(news2.jpg);
text-align: left;


}
.titolonews{
position:relative;
top:5px;
left:10px;
width:20px;
height:10px;
font-family:Arial,Helvetica,San-Serif;
font-size:13px;
color:#F1f0f0;
}
.paragrafonews{
position:relative;
height:200px;
width:100%;
font-family:Arial, Helvetica, San-Serif;
font-size:12px;
color:#3664a2;
top:15px;
}


.ombrasinnews{
position:relative;
top:0px;
left:0px;
width:2px;
height:164px;
background-image:url(ombra-sinistranews.jpg);
float:left;
}


.ombradesnews{
position:relative;
top:0px;
left:-6px;
width:2px;
height:164px;
background-image:url(ombra-destranews.jpg);
float:right;
}
.risultati{
position:relative;
top:0px;
left:-3px;
width:100%;
height:316px;
background-image:url(../img/risultati2.jpg);
text-align: left;
}
.titelenco{
position:relative;
top:5px;
left:10px;
font-family:Arial,Helvetica,San-Serif;
font-size:13px;
color:#F1f0f0;
}

.sottotitolorisultati{
position:relative;
top:15px;
left:10px;
width:300px;
height:10px;
font-family:Arial, Helvetica, San-Serif;
font-size:12px;
color:#3664a2;
}

.testorisultai{
position:relative;
top:20px;
left:20px;
width:160px;
height:150px;
font-family:Arial, Helvetica, San-Serif;
font-size:11px;
color:#3664a2;
}
.testoserieb{
position:relative;
top:20px;
left:20px;
width:160px;
height:70px;
font-family:Arial, Helvetica, San-Serif;
font-size:11px;
color:#3664a2;
overflow:auto;
}

.rightNav{
position:relative;
top:0px;
left:0px;
width:310px;
height:100%;

}
.schedarisultati{
position:relative;
top:0px;
left:0px;
width:100%;
background-image:url(schedascommesse.jpg);
margin-left: 0px;
margin-top: 0px;
}
.titoloscheda{
position:relative;
top:5px;
left:10px;
width:110px;
height:20px;
font-family:Arial,Helvetica,San-Serif;
font-size:13px;
color:#F1f0f0;
}
.casellelogin{
position:relative;
top:10px;
left:40px;
height:15px;
width:25px;
float:left;
}
.casellapass{
position:relative;
top:40px;
left:-30px;
height:15px;
width:25px;
float:left;

}
.testouser{
position:relative;
top:15px;
left:10px;
height:20px;
width:200px;
color:#F1f0f0;
font-size:12px;
font-family:Arial, Helvetica, San-Serif;
text-align:left;
}

.testoname{
position:relative;
top:45px;
left:-30px;
height:20px;
width:50px;
color:#F1f0f0;
font-size:10px;
font-family:Arial,Helvetica,San-Serif;
}
.titolologin{
position:relative;
top:5px;
left:10px;
width:200px;
height:20px;
font-family:Arial,Helvetica,San-Serif;
font-size:13px;
color:#f1f0f0;
}
.titoloevent{
position:relative;
top:1px;
background-image:url(bandiere/sfondoTit.jpg);
width:200px;
height:20px;
font-family:Arial, Helvetica, San-Serif;
font-size:13px;
color:#FF9900;
text-align:center;
}
.ombrasinrisultati{
position:relative;
top:0px;
left:0px;
width:2px;
height:316px;
background-image:url(ombrasinrisultati.jpg);
float:left;
}
.ombradestrascheda{
position:relative;
top:0px;
left:3px;
width:2px;
height:316px;
background-image:url(ombrasinrisultati.jpg);
float:left;
}


.ombradesrisultati{
position:relative;
top:0px;
left:-6px;
width:2px;
height:320px;
background-image:url(ombradesrisultati.jpg);
float:right;
}

.login{
position:relative;
top:0px;
heigth:100%;
left:-2px;
width:100%;
background-image: url(../bandiere/sfond04.jpg);
}
.login2{
position:relative;
top:0px;
heigth:100%;
left:-2px;
width:100%;
margin-top:10px;
background-color: #002D8A;
}
.hot{

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: left;
}
.hotspot2{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
text-align: left;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #FFFFFF;
padding-bottom: 3px;
}

.ombralogin{
position:relative;
top:10px;
left:2px;
width:2px;
height:167px;
background-image:url(ombralogin.jpg);
float:left;
}
.testologin{
position:relative;
top:-18px;
left:-20px;
height:100px;
width:100px;
color:#F1f0f0;
font-size:11px;
font-family:Arial,Helvetica,San-Serif;
float:right;
}
.menùscheda{
position:relative;
top:8px;
left:0px;
width:300px;
height:81px;
background-image:url(giocate.jpg);
}


.hover{
cursorointer;
}
.menuscommesse{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFF00;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
background-color: #000099;
}
A.menuscommesse:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFF00;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
background-color: #0099FF;
}
.singola{
position:relative;
top:0px;
left:1px;
width:70px;
height:100%;
font-size:12px;
float:left;
color:#f1f0f0;
text-align:center;
font-family:Arial,Helvetica,San-Serif;
background-color:#000;
}
.multipla{
position:relative;
top:0px;
left:1px;
width:70px;
height:100%;
font-size:12px;
float:left;
color:#f1f0f0;
text-align:center;
font-family:Arial,Helvetica,San-Serif;
background-color:#3664a2;
}
.logo{
position:relative;
width:168px;
height:60px;
background-image:url(logo2.jpg);
float:left;
}
.sistema{
position:relative;
top:0px;
width:70px;
height:100%;
font-size:12px;
float:left;
color:#f1f0f0;
text-align:center;
font-family:Arial,Helvetica,San-Serif;
background-color:#3664a2;
}
.log {
float: left;
top: 60px;
right: 220px;
}
.prova{
position:relative;
width:296px;
height:60px;
background-image:url(giopro.jpg);
}
.barrasup {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
font-variant: normal;
color: #000099;
}
.pio {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight:bold;
border: 2px solid #FFFFFF;
}
.pio2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.primo {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000099;
text-align: left;
}
.pio3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
margin-left: 4px;
}
.box {
font-size: 11px;
height: 10px;
border: 1px solid #000066;
}
.eventi {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
margin-top:10px;
font-size: 11px;
font-style: normal;
color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
padding-bottom:5px;
border-top-style: solid;
padding-top:5px;
}
.totali {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #E6E00B;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dashed;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
margin-top:10px;
text-align: left;
border-bottom-style: dashed;
}
.benvenuto {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #990000;
}
.amministrazione {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
}
.amministrazione2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
background-color: #000000;
}
.scommesse {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bolder;
color: #000000;
background-image: url(bandiere/sfondoaccount.jpg);
text-align: left;
}
.spacer {
height: 7px;
overflow: hidden;
width: 7px
}
.hotpio {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFF00;
}
.add {
font-family: Arial, Helvetica, sans-serif;
color: #FFFF00;
font-weight: bolder;
text-decoration: underline;
font-variant: normal;
}
.ora {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-align: left;
}
.chek {
height:11px;
width: 11px;
}
.dettagliosport {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000066;
text-align: left;
}
.titolodettsport {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: left;
font-weight: bold;
}
.titolodettsport2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: left;
font-weight: bold;
}
.scheda {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
.scheda2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFF00;
background-color: #990000;
border-right: 1px;
border-bottom: 1px;
border-left: 1px;
}
.boxscheda {
height: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
}

.bordosched {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: groove;
border-top-color: #000066;
border-right-color: #000066;
border-bottom-color: #000066;
border-left-color: #000066;
border-right-style: groove;
text-align: left;
}

[toxi78]

perchè su IE questo foglio lo prende e su firefox devo fare un refresh della pagina affinchè si prenda il maledetto foglio?

[webus]

Originariamente inviato da toxi78
.menùscheda{
position:relative;
top:8px;
left:0px;
width:300px;
height:81px;
background-image:url(giocate.jpg);
}

rinomina questa classe oppure riscrivila con escape e codifica Unicode.

[toxi78]

questo era il problema?...

[webus]

questo era 1 problema nel CSS.
Per il resto, solo tu puoi saperlo.