Newsgroup: it.comp.www.html
Titolo: Problema. Chi mi può aiutare?

Ho un problema di compatibilità tra browser e uso di fogli di stile.
Voglio realizzare una pagina con l'uso di fogli di stile esterni.
Ho definito tre stili, uno per la barra di navigazione, uno per il titolo
dei paragrafi e uno per il corpo del testo.
Quando visualizzo la pagina con IE6 non ho problemi e la pagina appare come
la vorrei.
Quando provo a visualizzare con Mozilla1.3, Netscape 7.02 oppure Opera7.10
perdo COMPLETAMENTE la formattazione del titolo e del corpo (in tutti gli
attributi di color, weight, width, ecc.) e parzialmente quella della barra
di navigazione. In quest'ultima viene a mancare la riga inferiore che uso
come separatore.
Già qui mi sorge il primo quesito a cui non riesco dare risposta: nel codice
(sotto riportato) non vedo che cosa possa mancare nelle classi "corpo" e
"titolo" che invece c'è in "barretta".
Il width: 461 nelle classi titolo e corpo mi serve per evitare che il testo
raggiunga il bordo destro della finestra (voglio che i paragrafi siano di
larghezza fissa pari a 461 pixel).
La cosa strana è che se utilizzo anziché un foglio di stile esterno stili
incorporati nei tag <div> le cose funzionano anche su Mozilla, Netscape e
Opera. Ma visto che di questi browser ho provato le ultimissime versioni non
credo proprio che non supportino i fogli di stile esterni.
Di seguito posto sia il codice html del file index.htm che il codice del
foglio di stile che ho chiamato fogliostyle.css
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="fogliostyle.css" type="text/css">
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">
<!-- Barra dei collegamenti -->
<div class="barretta" align="left">| <a href="index.htm">Home</a> | <a
href="primo.htm">Primo collegamento</a> | <a href="secondo.htm">Secondo
collegamento</a> | <a href="terzo.htm">Terzo
collegamento</a> |</div>
<br>
<br>
<!-- Titolo paragrafo -->
<div class="titolo">Prova</div>
<br>
<!-- Corpo paragrafo -->
<div class="corpo">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla.<br>
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br>
</div>
</body>
</html>
Mentre questo è il codice del foglio di stile:
<!-- Foglio di stile esterno -->
<!-- Stile titolo dei paragrafi -->
..titolo {
width: 461;
color: #990000;
font-family: arial;
font-size: 16px;
font-weight: bold;
text-align: left;
text-decoration: underline;
padding-left: 10px;
}
<!-- Stile corpo dei paragrafi -->
..corpo {
width: 461;
color: #000000;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-align: justify;
text-decoration: none;
padding-left: 10px;
}
..corpo a {
color: #000000;
text-decoration: none;
}
..corpo a:hover {
color: #000000;
text-decoration: underline;
}
<!-- Stile barra di navigazione -->
..barretta {
background-color: #ffffff;
color: #CC3333;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 2px solid #ff9900;
}
..barretta a {
background-color: #ffffff;
color: #CC3333;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}
..barretta a:hover {
background-color: #ffffff;
color: #000000;
text-decoration: none;
}
Chi mi può aiutare e dire dove sbaglio???
Grazie mille.
Maurizio

<!-- Foglio di stile esterno -->
Innanzi tutto i commenti nei CSS si fanno con /* e é/ e non con <!-- e
-->
Prova a validare il tuo foglio stile e vedi se ti segnala errori. 
Ciao
Matteo

Non sono un esperto di CSS ma la definizione di una classe non è .name e non
..name?

 ..name?
Credo anch'io...!

"Mathew" <math...@NONVOGLIOSPAMinwind.it> ha scritto nel messaggio
news:JJ71b.24625$zN5.7...@news1.tin.it...

è un problema del suo newsreader, che per un bug sconosciuto aggiunge un
punto prima dell'altro. è già capitato

Ho risolto!!! Grazie a fermat!!! I commenti scritti in modo inappropriato
nel file .css venivano ignorati da IE ma mandavano in tilt sia Opera, che
Netscape che Mozilla
Confermo, Outlook Express 6 aggiunge un punto prima di un altro punto.
Ciao.
Maurizio