Piccole differenze nelle tabelle tra FF, IE e Chrome come corregerli?

[Alejandro]

Salve a tutti sto ultimando il sito e sto notando piccole imperfezioni su alcune tabelle.
Vedo le differenze su 3 browser.

Inizio con postare il primo problema
Vi posto l'immagine dei 2 browser in question qui:


Come vedete su IE risulta corretto mentre sugli altri 2 no. Ovviamente do per scontato che IE sia in errore e che ci sia un errore nel mio codice ma quale?
Ecco il codice HTML della tabella:

<div class="blockb" style="width:300px;">
	<div class="top"><h2><?=$NLS['TOP_USERS']?></h2></div>
		<table class="holder" cellspacing="0">
			<thead>
				<tr> <th class="left">User</th> <th>Rev</th> <th>News</th> <th>Posts</th> </tr>
			</thead>
		<tbody>
					<tr><td><?=$user['USERNAME']?></td> <td class="cola"><?=$user['REVIEWS']?></td> <td class="cola"><?=$user['NEWS']?></td>  <td class="cola"><?=$user['POSTS']?></td> </tr>

			
				</tbody>
		</table>
	</div>

e questo il codice CSS:

/*--start blockb--*/
.blockb{
	overflow:hidden;
	margin:0px 0px 10px 0px;
}

.blockb .top {
  display: block;
  height: 100%;
  background: transparent url(../img/bar_top_right.png) no-repeat top right; 
  margin: 0 auto;
  padding-right:12px;
  height: 22px;
}

.blockb h2 {
  background: transparent url(../img/bar_tot.png) no-repeat top left;    
  font-size:10pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 22px;
  color: white;
  letter-spacing:-1px;
  text-align: right;
  text-transform: uppercase;
  margin: 0 auto;
}


/*--central block--*/

.blockb .holder{
	background:#fff;
	overflow:hidden;
	border-left: 1px solid #B5B6B7;
	border-right: 1px solid #B5B6B7;
	border-bottom: 1px solid #B5B6B7;
	margin:0 auto;
	padding: 0 auto;
	width:100%;
	height:100%;
}

/*--titles--*/
.blockb .holder th, .blockb .holder th a:link, th a:visited, th a:active {
	text-decoration: none;
	color:#fff;
	font-size:8pt;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align:center;
	background-color:#669900;
}

.blockb .holder th a:hover {
text-decoration:underline;
}

.blockb .holder th.left{
	text-decoration: none;
	color:#fff;
	font-size:8pt;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align:left;
	background-color:#669900;
}

/*--content--*/
.blockb .holder tbody td{
	color:#000;
	overflow:hidden;
	font-size:8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #B5B6B7;
	padding: 2px;
	text-decoration:none;
	font-weight:bold;
}

.blockb .holder tbody td a{ 
	text-decoration:none;
}

.blockb .holder tbody td a:hover {
text-decoration:underline;
}

.blockb .holder tbody td.cola {
	color:#000;
	background-color: #EEEEEE;
	overflow:hidden;
	font-size:8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #B5B6B7;
	border-right: 0px;
	border-top: 1px solid #B5B6B7;
	text-align:center;
	max-width:12%;
	text-decoration:none;
	font-weight:normal;
}

/*--end blockb--*/

[Alejandro]

nessun suggerimento?

[Alejandro]

HELP!

[Alejandro]

up

[Alejandro]

ancora non e cavo piede non riesco a capire il perchè di quell'ultimo td più lungo

[fmortara]

Hai provato ad eliminare tbody e thead nella tabella?

[Alejandro]

ciao, no non ho provato, ma scusa perchè dovrei farlo?

[Alejandro]

Appena fatto ma non è cambiato nulla. Ad ogni modo mi spieghi perchè dovrei levarli? NOn è più corretta così la formattazione?

ciao e grazie per la riposta

[Alejandro]

up

[Mich_]

Anzitutto hai postato il codice sorgente lato server (PHP) anziche` il codice HTML che arriva al browser: questo complica un po' l'interpretazione del codice.

Comunque vedo nel tuo CSS che in alcuni selettori hai definito tutti i margini e padding, ma non in tutti.

Prova ad aggiungere
margin-bottom: 0;
padding-bottom: 0;
in tutte le formattazioni per i <td>, ed in particolare in quelle per l'ultima riga (e magari anche nei <tr>).

Controlla anche che siano deifniti tutti i margini e padding.
Ricorda che per le tabelle esistono anche degli attributi specifici (vedi ad esempio http://w3schools.com/css/css_reference.asp#table )