Compatibilità browser

[iadream]

Salve amici,

non potendo postare nel forum CSS 8perchè???) scrivo qui!

Ho realizzato un sito con css tableless

http://www.losportagenzia.it

beh in explorer è tutto perfetto ma lo stavo guardando in opera e firefox

e si accavalla tutto...
In opera pure pure tiene....si accavallano solo i pulsanti
M in firefox è un casino!

Come faccio?

[floyd46]

ciao
non credo sia corretto non mettere il !DOCTYPE in una pagina.
Per il resto, credo si debba vedere il CSS come è stato scritto.
Floyd
P.S. IE si beve tutto quello che gli dai e la visualizzazione corretta è quella che ti dà FireFox e tutti gli altri browser standard.

[iadream]

il foglio di stile puoi vederlo dal codice di questa pagina:

http://www.losportagenzia.it/prova.asp

Mi fai sapere che ne pensi?

[floyd46]

per quanto ne so io, spero di non sbagliare, un foglio di stile dovrebbe avere estensione .css e non .asp.
Floyd

[floyd46]

scusami, nn avevo capito che lo avevi scritto nella pagina, anzichè metterlo in un file separato.
Devo dire che, effettivamente, la pagina è tutta pasticciata in FF (nn si capisce nulla).
Io lo scriverei ex-novo invece di stare a trovare l'errore.
Floyd

[iadream]

si ok....ma ex-novo farei gli stessi errori! Il problema dei pulsanti ad esempio:

questo è lo stile

a.menu_sport {
border-width: <%=(stile.Fields.Item("MENU_BORDO_SPESSORE").Value )%>;
<% if (stile.Fields.Item("MENU_BORDO_SPESSORE").Value) <> "" then %>
border-style: solid;
<% end if %>
border-color: <%=(stile.Fields.Item("MENU_BORDO_COL").Value)%> ;
margin: 2px;
padding: 2px;
font-family: <%=(stile.Fields.Item("MENU_FONT").Value)%>;
font-size: <%=(stile.Fields.Item("MENU_DIM").Value)%>;
font-style: <%=(stile.Fields.Item("MENU_STYLE").Value)%>;
font-weight: <%=(stile.Fields.Item("MENU_WEIGHT").Value)%>;
background-color: <%=(stile.Fields.Item("MENU_SFONDO").Value)%>;
text-align: <%=(stile.Fields.Item("MENU_ALIGN").Value)%>;
width: 160px;
}
a.menu_sport:link{
color: <%=(stile.Fields.Item("MENU_LINK").Value)%>;
text-decoration: none;
font-style: <%=(stile.Fields.Item("MENU_STYLE").Value)%>;
font-weight: <%=(stile.Fields.Item("MENU_WEIGHT").Value)%>;
}
a.menu_sport:hover{
background-color: <%=(stile.Fields.Item("MENU_HOVER").Value)%>;
text-decoration: none;
border-width: <%=(stile.Fields.Item("MENU_BORDO_SPESSORE").Value )%>;
border-style: solid;
border-top-color: #FFFFFF;
border-right-color: <%=(stile.Fields.Item("MENU_BORDO_COL").Value)%> ;
border-bottom-color: <%=(stile.Fields.Item("MENU_BORDO_COL").Value)%> ;
border-left-color: #FFFFFF;
color: <%=(stile.Fields.Item("MENU_LINK").Value)%>;
}

Perchè me li sovrappone?