Salve.
Vorrei venire a capo di un piccolo problema di visualizzazione...
Questa è l'home page di un mio sito: http://gas75.interfree.it/index.html
Come potete notare, mentre il logo in alto è centrato, le due celle laterali sottostanti non sono della medesima larghezza grafica, nel senso che non rispettano la larghezza impostata da me su ciascuna delle due, precisamente width="144", come potete verificare aprendo il codice sorgente...
Inoltre, la seconda colonna contiene un iframe che, se gli assegno la larghezza della colonna, width="400", non mi occupa tutta la larghezza disponibile, cosa che invece fa con width="420"! Se poi metto all'iframe width="100%", la barra laterale addirittura va a sforare sull'immagine della cella a destra!
Insomma, le larghezze delle colonne sono fissate in 144, 400, 292, 144, totale 980 come impostto definendo la tabella: come faccio affinché prima e ultima colonna si visualizzino come da istruzioni, e l'iframe occupi la larghezza giusta senza dovergli assegnare 20 pixel in più?
Ho controllato tutte le larghezze inserite negli oggetti presenti...
Metto anche il codice completo della tabella, qualora fosse utile...
codice:
<table width="980" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="144" rowspan="3" valign="top" align="center">
<div style="background:#000000">Menù</div>
Autori
Disegnatori
Personaggi
Serie mensile
Altre pubblicazioni
Frasario
Dampyr Girls
Articoli
Gadget
Link</p>
<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-bottom" style="color:#FFFFFF">
<div class="cse-branding-form"><form action="http://www.google.it/cse" id="cse-search-box" target="_blank">
<div><input type="hidden" name="cx" value="partner-pub-6822685114702104:bwqrwb-phpm" />
<input type="text" name="q" size="12" />
<input type="submit" name="sa" value="Cerca nel sito" /></div></form>
</div>
<div class="cse-branding-logo">
</div>
<div class="cse-branding-text">Ricerca personalizzata</div>
</div></td>
<td width="400" height="146" valign="middle"><center><div id="box" style="width: 400px; height: 146px; border: none;"><table height="146" cellpadding="2"
cellspacing="0" width="100%" style="display:none">
<tr>
<td align="center" valign="middle"><div style="font-size:14pt">Orrore, azione e sentimento a caccia di Vampiri, e non solo, nei luoghi più suggestivi del
pianeta, come non sono mai stati proposti prima, grazie alla bravura di uno staff di autori e disegnatori senza rivali: sfogliare per credere!</div></td>
</tr>
</table>
<table height="146" cellpadding="2" cellspacing="0" width="100%" style="display:none">
<tr>
<td align="center" valign="middle"><div style="font-size:14pt">Harlan Draka, il figlio di un Vampiro dal fortissimo carisma...
Tesla, la Non-morta grintosa e scatenata quanto dolcissima... Kurjak, il guerrigliero esperto e brontolone... Loro gli eroi, ma tanti amici in tutto il mondo
abbracciano la loro causa!</div></td>
</tr>
</table>
<table height="146" cellpadding="2" cellspacing="0" width="100%" style="display:none">
<tr>
<td align="center" valign="middle"><div style="font-size:14pt">Le trame di tutti gli albi regolari e delle pubblicazioni extra, coadiuvate da schede, copertine, frasario, sosia ed approfondimenti! "Dampyr" è
anche sul Web, per chi vuole fare il punto sulla saga o saperne di più sul mondo di Harlan e dei Maestri della Notte!</div></td>
</tr>
</table>
<table height="146" cellpadding="2" cellspacing="0" width="100%" style="display:none">
<tr>
<td align="center" valign="middle"><div style="font-size:14pt">Interviste esclusive a Fabrizio Russo, Stefano Andreucci, Luca
Raimondo, Nicola Genzianella.</div></td>
</tr>
</table>
<table height="146" cellpadding="2" cellspacing="0" width="100%" style="display:none">
<tr>
<td align="center" valign="middle"><div style="font-size:14pt">Il sito offre alcuni file dedicati a "Dampyr": icone, salvaschermo,
skin, sfondi, in esclusiva e pronti da scaricare! E' possibile anche cimentarsi nel Dampyr Quiz per testare la propria conoscenza di Harlan &
soci!</div></td>
</tr>
</table>
<table height="146" cellpadding="2" cellspacing="0" width="100%" style="display:none">
<tr>
<td align="center" valign="middle"><div style="font-size:14pt">Praga, la capitale ceca, è il quartier generale dei nostri eroi e lo
scenario di alcune tra le storie più belle ed importanti: entra a conoscerne storia e immagini!</div></td>
</tr>
</table></div></center></td>
<td width="292" height="380" valign="top" rowspan="3"><div align="center"><MAP NAME="mappa"><AREA SHAPE="rect" COORDS="191,170,260,194" HREF="Fumetto.htm"
alt="Clicca per entrare" title="Clicca per entrare" onClick="window.focus()"></MAP>[img]home_divadlo.jpg[/img]</div></td>
<td width="144" rowspan="3" valign="top" align="center"><div style="background:#000000">Tagboard</div>
<div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="144" height="246"
src="http://www6.cbox.ws/box/?boxid=292647&boxtag=fwmv2a&sec=main" marginheight="0" marginwidth="0" scrolling="auto" allowtransparency="yes" name="cboxmain"
style="border:#000000 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="144" height="102" src="http://www6.cbox.ws/box/?boxid=292647&boxtag=fwmv2a&sec=form" marginheight="0" marginwidth="0"
scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-top:0px" id="cboxform"></iframe></div></div></p></td>
</tr>
<tr>
<td width="400" height="160" valign="middle"><iframe src="News.html" name="tab" width="420" height="210" marginheight="0" topmargin="0" marginwidth="2"
scrolling="auto" frameborder="1" target="_blank"></iframe></td>
</tr>
<tr>
<td width="400" height="24" align="center" valign="middle">Novità | Newsletter | Scambio banner</td>
</tr>
<tr>
<td colspan="4"><div align="center" style="font-size:14pt"><font size="2">Disegno in home page di <a href="http://www.lucaraimondo.it/">Luca
Raimondo</a>.</font></div></td>
</tr>
</table></div></center>