salve, sono nuovo di questo forum, vorrei sapere due cose:
quando provo a validare la mia pagina html, usando la codifica: iso 8859 1 mi dice che non posso usare i caratteri trattino (-) e le parentesi. come posso risolvere questo problema??

2 - quando visualizzo la mia pagina html in explorer ottengo il risultato desiderato, in mozila e safari viene visualizzata una cosa completamente diversa. mi potete dare una mano??


ecco il codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
<link rel="stylesheet" type="text/css" href="index.css">

<title>
Centro di Aggregazione Giovanile - homepage
</title>
</head>
<body>
<div id="banner">
<p id="intestazione">
Centro di aggregazione giovanile


"Giovanni Pascoli"
</p>
</div>


<div id="corpo">
<div class="sezioni" id="sx">
<div class="sezsx" id="sezsx1">
sezioni

</div>

<div class="sezsx">
storia
</div>

<div class="sezsx">
attività
</div>

<div class="sezsx">
chi era Giovanni Pascoli
</div>

<div class="sezsx">
cosa facciamo
</div>

<div class="sezsx">
come raggiungerci
</div>

<div class="sezsx" id="lastsezsx">
quando trovarci
</div>
</div>

<div id="centro">


[img]immagini/scuolapascoli.jpg[/img]

</div>

<div class="sezioni" id="dx">
<div class="sezsx" id="sezdx1">
link esterni
</div>

<div class="sezsx">
HTML.it
</div>

<div class="sezsx">
ITIS Facchinetti
</div>

<div class="sezsx">
San Pietro Legnano
</div>
<div class="sezsx" id="validator">
<div id="HTML">
[img]../validators/validHTML.png[/img]
</div>
<div id="CSS">
[img]../validators/validCSS.gif[/img]
</div>
</div>

</div>
</div>

</body>
</html>

e il relativo CSS:

body
{
background-color:#7CFA8C;

}

img
{
width:100%;
height:100%;
border-width:0px;;
}

a
{
text-decoration:none;
color:#0000ff;
font-family:sans-serif,cursive;
font-size:25px;
}
div#banner
{
color:#0000FF;
text-align:center;
font-family:sans-serif,cursive;
font-weight:700;
font-style:normal;
font-size:50px;
background-color:#F1E28F;
width:100%;
height:17%;
border-width:6px;
border-color:red;
border-style:solid;
margin-bottom:10px;

}

#corpo
{
height:83%;
width:100%;
text-align:center;

}

.sezioni
{
width:19%;
height:100%;
background-color:#ffffff;
border-width:4px;
border-color:#000000;
border-style:solid;
background-color:#F1E28F;


}

#sx
{
display:inline;
margin-right:1%;

}

.sezsx
{
height:15%;
border-bottom-width:3px;
border-bottom-color:#000000;
border-bottom-style:solid;
padding-top:10%;
padding-bottom:10%;
text-align:center;
color:#0000ff;
font-family:sans-serif,cursive;
font-size:25px;


}

#sezsx1
{
height:5%;
font-size:25px;
font-weight:700;
padding-top:5%;
padding-bottom:5%;
font-variant:small-caps;
}

#lastsezsx
{
border-bottom-style:none;
}

#sezdx1
{
height:5%;
font-size:25px;
font-weight:700;
padding-top:5%;
padding-bottom:5%;
font-variant:small-caps;
}

#dx
{
display:inline;
margin-left:1%;


}

.val
{
width:100%;
height:80%;
}

#validator
{
text-align:center;
border-bottom-style:none;
height:46%;

}

#HTML
{
margin-top:10%;
height:50%;
width:90%;
}

#CSS
{

height:50%;
width:90%;
}

#centro
{
width:60%;
height:100%;
background-color:#F1E28F;
border-width:3px;
border-color:#000000;
border-style:solid;
text-align:center;
padding-top:10%;
display:inline;
}

#fotoscuola
{
width:90%;
height:80%;


}