Visualizzazione tabella con chrome

stavo testando il mio sito sui vari browser, nessun problema su firefox e explorer, ma su chrome la tabella in cui è contenuto l'header esce "sballata"

faccio prima a farvi vedere che a spiegare cosa esce (sopra firefox, sotto chrome)

http://ht4u.altervista.org/immagini/ask.jpg

Notare che la scritta "Ht4u" fa parte dell'immagine di sfondo. In sostanza c'è una spaziatura verticale che sposta sia la scritta centrale, che il banner pubblicitario in basso, e quindi anche le bandierine e la scritta che sta loro accanto.

questa è l'intestazione e la prima riga

Citazione:

---

<table border="0" style="background-image: url(http://ht4u.altervista.org/immagini/sfondobanner.jpg); background-repeat: no-repeat;">
<tr>

<th>
<img src="http://ht4u.altervista.org/immagini/ht4ueng.gif" widht="730" align="left" height="60"/>
</th>

<th width="30%">
<script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=468X60/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>
</th>

</tr>

---

Come tolgo quella spaziatura su chrome???

EDIT: aggiungere cellpadding="0" non risolve

prova in questo modo:

Codice HTML:

---

<table border="0" style="background-image: url(http://ht4u.altervista.org/immagini/sfondobanner.jpg);  background-repeat: no-repeat;">
<tr>

<th valign="top">
<img src="http://ht4u.altervista.org/immagini/ht4ueng.gif"  width="730" align="left" height="60"/>
</th>

<th width="30%" valign="top">
<script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript"  src="http://ad.altervista.org/js.ad/size=468X60/r='+new  Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>
</th>

</tr>

---

Comunque ti faccio notare che sugli schermi larghi l'header si vede troncato e allineato a sinistra rispetto al resto del contenuto, che è centrato.

tira su l'immagine ma non il banner :/

avendo inserito valign anche nella cella del banner dovrebbe alzare tutto. Se il banner non si alza, devi lavorare un po' con css per posizionarlo meglio. Mi pare che sulla wiki (o sul blog di dapeco) dovresti trovare qualcosa a riguardo. Con una ricerca sul forum dovresti trovare dei thread a riguardo.

Edit: prova così:

Codice HTML:

---

<table border="0" style="background-image: url(http://ht4u.altervista.org/immagini/sfondobanner.jpg);  background-repeat: no-repeat;">
<tr>

<td valign="top">
<img src="http://ht4u.altervista.org/immagini/ht4ueng.gif"  width="730" align="left" height="60"/>
</td>

<td width="30%" valign="top" rowspan="2">
<script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript"  src="http://ad.altervista.org/js.ad/size=468X60/r='+new  Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>
</td>

</tr>

---

Il problema non si risolve neanche così, la soluzione col rowspan non la posso prendere perché mi serve la riga sotto larga quanto tutta la tabella, e comunque non risolve il problema (vedi dopo)!

Ho messo l'intera tabella all'interno di un div allineato al centro per togliere il problema che dicevi con gli schermi grandi e ho tolto quindi la width="30%" del banner, con valign="top" nel <tr>.

A questo punto sembrava funzionare.

Questo il codice

Citazione:

---

<div align="center">
<table border="0" cellpadding="0" style="background-image: url(http://ht4u.altervista.org/immagini/sfondobanner.jpg); background-repeat: no-repeat;">
<tr valign="top">
<th>
IMMAGINE
</th>
<th>
<script type="text/javascript">
BANNER
</script>
</th>
</tr>
<tr>SECONDA RIGA...</tr>
</table>
</dv>

---

finché l'header entra nella pagina va tutto bene, appena non c'entra più il banner va a capo pur restando dov'è lateralmente e venendo tagliato dalla pagina.

Questo è lo screen di quel che succede
http://ht4u.altervista.org/immagini/ask2.jpg

Ho provato a dare una dimensione fissa sia in width che in height al th del banner ma non risolve, e anche col rowspan="2" succede la stessa cosa!

A sto punto non so più che pesci pigliare...