IE6 aggiunge degli spazi

[doGmaI]

Credo sia il posto giusto per chiedere.

Ho girato un po' in rete ma non ho trovato nulla.

Ho realizzato (o meglio sto ancora realizzando un sito) in HTML/CSS/PHP

Il mio problema riguarda uno strano comportamento di IE visibile sin dalla homepage (http://www.isketch-italian.net/home.php)

La pagina che con FF e Opera risulta perfetta in IE presenta uno spazio bianco tra il titolo e la prima tabella eccessivo.

Così si vede su Opera/FF

E invece così la vedo su IE6

Non riesco a capire due cose

1° ovviamente per quale motivo c'è quello spazio bianco (sembra, guardando le altre pagine, che IE piazzi la prima tabella su sfondo bianco esattamente al termine della prima e unica tabella su sfondo blu)

2° perchè sparisce il testo a seguito di welcome? Posso capire un problema di interpretazione del CSS (anche se ovviamente non mi fa piacere), ma addirittura non visualizzare il testo mi sembra molto strano

Mi permetto di copincollare la spiegazione della struttura della pagina che avevo fatto per un newsgroup (dove non ho ricevuto risposta) invece di stare a riscrivere il tutto

Ho realizzato un pagina a 2 colonne con l'uso dei css
Nella colonna di sinistra (id=colonna_laterale) ho una sorta di menù
Nella colonna di destra (id=contenuto) ho la pagina vera e propria
All'interno dell'id contenuto piazzo una o più tabelle. Ho definito
delle classi apposite per ogni cella della tabella (in pratica ogni
tabella è formata SEMPRE da 9 celle, 8 che fungono da contorno e mi
servono per disegnare i bordi della tabella, arrotondati, sfumati,
sfaccettati ecc ecc, e una cella centrale in cui piazzo il contenuto.

Ora mi è capitato di dover mettere anche un tag a all'interno della
cella centrale e di volerne cambiare il colore.

Ho definito quindi due fogli css, uno per gli stili generali del sito,
e uno specifico per le tabelle (questo perchè gli stili per le tabelle
sono tanti avendo tre tipi di tabelle diverse ognuna con 9 stili (uno
per cella) ) e non mi andava di incasinare il foglio degli stili
generali.

Quindi ho creato queste classi
stili.css
div#contenuto {
...

}

div#contenuto a, div#contenuto a:hover {
...
}

e così via

Nel foglio di stile tabelle.css ho invece
.tab256_angolo_sup_sx {
...

}

.tab256_angolo_sup_dx {
...
}

e lo stesso per le altre celle

Volendo poi cambiare il colore del link che si trova nella cella
centrale ho penso di fare qualcosa del tipo
.tab256_centrale a, .tab256_centrale a:hover {
...

}

Il problema è che andando a validare il foglio di stile con l'apposito
tool sul sito del W3C mi da un tot di warning che
recitano: .tab_centrale Questa proprietà si applica ad elementi di
tipo block-level. E il link nella cella centrale non cambia colore

Ho allora corretto mettendo in stili.css
div#contenuto td a, div#contenuto td a:hover {
...
}

ottenendo l'effetto desiderato

Grazie

[doGmaI]

Ho aspettato due settimane a fare questa domanda, avrei potuto aspettare ancora un paio di orette.

Ho trovato la gabola.

In una vecchia versione del CSS avevo impostato per la parte destra del sito (quella a sfondo bianco) dei padding-left e padding-right di 15px. Il problema è che la somma tra padding-left+padding-right+width-tabella era superiore alla width del div contenitore. Abbassando i padding si è sistemato tutto

Resta comunque un dubbio (almeno per quanto mi riguarda) il motivo per cui il testo sparisse

Grazie comunque