Bordi della tabella che non si vedono in Explorer

  • Creatore Discussione Creatore Discussione ghisirds
  • Data di inizio Data di inizio

ghisirds

Utente Attivo
4 Mag 2007
227
0
16
Salve.
Non mi riesce di far vedere i bordi di una tabella con Internet Explorer. Con Firefox tutto funziona, ma con Explorer ovviamente no.

Questo il codice HTML:

HTML:
<table border="1" class="classeTabella" summary="tabella elenco mobili">
<tr>
<th scope="col">Quantitativo</th>
<th scope="col">Condizioni</th>
<th scope="col">Spesa</th>
</tr>
<tr>
<td>Da 1 a 5</td>
<td>Nuovo</td>
<td>300</td>
</tr>
<tr>
<td>Da 6 a 20</td>
<td>Usato</td>
<td>250</td>
</tr>
</table>

E questo il codice css:

Codice:
.classeTabella th{
 background:#3399FF;
}

.classeTabella td{
 width: 165px;
 text-align: center;
}

.classeTabella tr{
 text-align: center;
}

Come si può vedere, il bordo l'ho applicato all'html perchè mettendolo nei css non mi andava...! Però, anche così facendo, in Explorer non si vede.
Come si può fare nella maniera più semplice possibile e magari in CSS?
Grazie mille e un saluto


__________________
sito sulla filosofia, nuovi regali aziendali (gift shop in inglese), forum scuola media
 
Devi impostare il border attraverso le classi, ma devi fare più classi, una per tutte le colonne tranne l'ultima, ed una per l'ultima.

Un esempio:

<style>
.T1
{
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
border-left: solid 1px #000000;
}
.T2
{
border: solid 1px #000000;
}
</style>

<table cellpadding="0" cellspacing="0">
<tr>
<td class="T1">Prima cella</td>
<td class="T1">Seconda cella</td>
<td class="T2">Terza cella</td>
</tr>
</table>
 
Cavoli, solo che si allunga molto il codice...!
Comunque mi sono espresso male, perchè il bordo non è che non si vede, ma si vede diversamente sui due browser, almeno mettendolo come l'ho messo io...!
Alla fine credo che lo terrò così, ma è buono a sapersi per le prossime volte...!
Grazie mille
Ciao
 

Discussioni simili

M
Risposte
0
Visite
1K
HTML e CSS
Membro cancellato 26246
M