Validazione falllita di esempio preso da Html.it

[Roverandom]

Salve a tutti.
Ho dovuto inserire nel mio sito un div suddiviso in tre colonne, e ne ho copiato il codice (ovviamente adattandolo) da un articolo presente su questo sito. Solo che quando valido mi segnala un errore, un </div> di troppo. Ho provato a toglierlo, ma così mi manda a pallino l'impaginazione col css. Qualcuno mi sa spiegare come faccio a validare la pagina mantenendo nel contempo il layout corretto?
Grazie

[gabip87]

se posti il codice che ti crea problemi sarà più facile aiutarti

[Roverandom]

<div class="split3">
<div>
<a ....>AREA RISERVATA AI SOCI</a>
</div>
<div>
<a ....>NEWS</a>
</div>
<div>
<a ....>SITO AGGIORNATO IL 99-99-9999</a>
</div>
</div>
<div class="clearer"></div>
</div>
</div>

Il punto è: ho preso il codice paro paro e ho semplicemente inserito il contenuto dei tre <div>. Però, c'è una chiusura di troppo....
Se la tolgo, mi manda a pallino il layout....

[gabip87]

<div class="split3">

   <div>
      <a ....>AREA RISERVATA AI SOCI</a>
   </div>

   <div>
      <a ....>NEWS</a>
   </div>

   <div>
      <a ....>SITO AGGIORNATO IL 99-99-9999</a>
   </div>

   </div>  

   <div class="clearer"></div>

   </div>  

</div>

[Roverandom]

niente da fare. Se elimino entrambi i tag, il mio menù rimane impaginato, mentre mi scombina tutte e tre le colonne sottostanti.....
Forse mi conviene non validarlo....

A meno che nn sia un errore del css.... sono ancora un po' imbranato...

[gabip87]

Originariamente inviato da Roverandom

Forse mi conviene non validarlo....

guarda gli errori che ti da dopo aver tolto i due tag di troppo. se hai sviluppato con i due errori quasi sicuramente ne hai aggiunti altri per compensare. controlla meglio tutto il codice.

[Roverandom]

Originariamente inviato da gabip87


guarda gli errori che ti da dopo aver tolto i due tag di troppo. se hai sviluppato con i due errori quasi sicuramente ne hai aggiunti altri per compensare. controlla meglio tutto il codice.

No, il resto è ok, devo aver sbagliato nel css

[pierofix]

Se vuoi puoi postarci il css, così vedremo di risolvere.

[Roverandom]

/*stili per il layout fisso con background*/
html,body{
margin: 0;
padding: 0
}
body{
font-family: verdana,arial,sans-serif;
font-size: 76%;
text-align: center;
background: url(immagini/logo_sfondo.jpg)
}

div#container{
width: 760px;
margin: 0 auto;
border-width: 0 1px;
border-style: solid;
border-color: #ccc;
background-color: #EEFFEE;
color: #000000
}

div#container2{
text-align: left
}

/*stili specifici per il layout*/
div#header{
margin-top: 10px;
margin-bottom: 5px;
padding-top: 9px;
padding-bottom: 9px;
height: 160px;
background-color: #CCFFCC;
color: #006600}

div#barra{
height: 40px;
margin-top: 0;
background-color: #CCFFCC;
border-top: 5px;
border-color: #CCFF99;
color: #006600;
}
div.split3 div{
float: left;
width: 29%; \width: 33%; w\idth: 29%;
padding: 0 2%;
}
div.wide{
clear: left; padding: 0 2%;
}

div#navigation_sinistra{
float: left;
width: 190px;
padding: 1em 0 0 10px
}

div#navigation_destra{
float: right;
width: 150px;
padding: 1em 5px
}

div#content{
margin: 0 200px 0 160px;
padding: 1em 10px
}

div#footer{
clear: both;
text-align: center;
padding: 5px 0;
margin-bottom: 10px;
background-color: #CCFFCC;
color: #000
}

/*stili generici, su header e footer*/

div#header{
font-family: arial,sans-serif;
font-size: 100%;
text-align: center
}

h1{
padding-top: 20px;
padding-left: 10px;
font: bold 2.3em/20px verdana,arial,sans-serif
}


div#footer a{
font-weight: bold;
text-decoration: underline
}
/*Barra di navigazione Contatti, News e Aggiornamenti*/
div#barra a{
color: #00CC00;
font: normal bold 1.2em/1.4em arial,sans-serif;
text-decoration: none
}
div#barra a:hover{
color: #006600;
text-decoration: underline
}
div#barra a#soci{
color: #FF6600;
text-decoration: none
}
div#barra a#soci:hover{
color: #FF3300;
text-decoration: underline
}

/*Content*/
div.pic{
text-align: center;
vertical-align: middle
}

div#content a{
font: bold 1.5em arial,sans-serif;
text-align: center;
background-color: #EEFFEE;
color: #0033FF
}

div#content h2{
text-align: center;
background-color: #EEFFEE;
color: #006600
}

/*Sezione Navigation_sinistra*/
div#navigation_sinistra ul{
margin: 0;
padding: 0;
list-style-type: none;
}

div#navigation_sinistra li{
margin: 0;
padding: 0
}
div#navigation_sinistra a{
background-color: #00CC00;
color: #FFFFFF;
font: normal bold 2.2em arial,sans-serif;
text-decoration: none;
line-heihgt: 10%;
}
div#navigation_sinistra a:hover{
background-color: #00CC00;
color: #006600;
text-decoration: underline
}
div#navigation_sinistra a.sezione{
background-color: #00CC00;
color: #FFFFFF;
text-decoration: none;
line-heihgt: 10%;
}
div#navigation_sinistra a.sezione:hover{
background-color: #00CC00;
color: #033;
text-decoration: underline
}
div#navigation_sinistra p{
font-size: 90%
}

/*Sezione Navigation_destra*/
div#navigation_destra ul{
margin: 0;
padding: 0;
list-style-type: none;
}

div#navigation_destra li{
margin: 0;
padding: 0
}
div#navigation_destra a{
background-color: #00CC00;
color: #FFFFFF;
font: normal bold 2.2em arial,sans-serif;
text-decoration: none;
line-heihgt: 10%;
}
div#navigation_destra a:hover{
background-color: #00CC00;
color: #006600;
text-decoration: underline
}
div#navigation_destra a.sezione{
background-color: #00CC00;
color: #FFFFFF;
text-decoration: none;
line-heihgt: 10%;
}
div#navigation_destra a.sezione:hover{
background-color: #00CC00;
color: #033;
text-decoration: underline
}
div#navigation_destra p{
font-size: 90%
}

[Roverandom]

Stranissimo: rimettendo a posto quei due </div> che avevo tolto, ed eliminando un altro </div> più sotto che non avevo visto, mi valida correttamente la pagina, lasciandomi il layout corretto. Secondo voi è possibile che in realtà quei due tag di chiusura servissero veramente?