Ciau ragazzi
Mi sto addentrando in CSS (perché mi sono reso conto che lo usavo in modo davvero basilare) togliendo qualsiasi attributo dall'html per farlo validare XHTML BASIC 1.0. Tutto bene, sorprendentemente![]()
Tranne una cosa. Ho una piccola tabella e la voglio centrare.
Allora questo è l'html:
Questo invece il CSS:codice:<div id="centrale"> <table class="bbtable"> <tr> <th></th> <th>Titolo</th> <th>Genere</th> </tr> <tr> <td> [img]img.htm[/img] </td> <td class="tdtit">Sin City</td> <td class="tdgen">Azione</td> </tr> <tr> <td colspan="3" class="tdspacer"></td> </tr> <tr> <td> [img]img.htm[/img] </td> <td class="tdtit">wefwe</td> <td class="tdgen">Azione</td> </tr> <tr> <td colspan="3" class="tdspacer"> </td> </tr> <tr> <td> [img]img.htm[/img] </td> <td class="tdtit">Pitch Black</td> <td class="tdgen">Horror</td> </tr> <tr> <td colspan="3" class="tdspacer"></td> </tr> </table> </div>
Il problema è che su IE6 me lo fa centrato, su Opera e FireFox (meno usati, ma più importanti per meCodice PHP:div#centrale{
text-align:center;
}
table.bbtable {
table-layout:auto;
border-collapse:collapse;
border: 1px solid #0000FF;
background: #00EAEA;
}
th {
font-size: 12px;
font-weight: bold;
background-color: #00FFCC;
color: #0066FF;
letter-spacing: 2pt;
padding: 2px;
padding-right: 7px;
padding-left: 10px;
}
.tdspacer {
background-color: #00FFCC;
font-size:10px;
}
.tdtit {
background-color: #00FF99;
font-size: 12px;
font-weight: bold;
border-right-width: 10px;
border-left-width: 10px;
border-right-style: solid;
border-left-style: solid;
border-top-color: #00EAEA;
border-right-color: #00EAEA;
border-bottom-color: #00EAEA;
border-left-color: #00EAEA;
text-align:left;
}
.tdgen {
background-color: #00FF99;
text-align:left;
font-size: 12px;
font-weight: bold;
}
) invece no.
Come posso ovviare al problema?
Grazie in anticipo![]()

) invece no.
Rispondi quotando