Eliminare spazi eccessivi tra tabella e finestra browser. Come si fa?

marcsellier

Eliminare spazi eccessivi tra tabella e finestra browser. Come si fa?

Ciao ragazzi

Ho fatto senza troppe difficoltà un piccolo menu orizzontale con l'uso di una tabella e delle sue celle.
Ho formattato il tutto con l'uso di un CSS.

Non capisco una cosa: c'è uno spazio bianco superfluo tra il bordo del menu e i margini della finestra del browser. Come mai?

Chrome e IE lo gestiscono diversamente ma non cambia il fatto che lo spazio c'è comunque, chi più chi meno.

Esiste una regola CSS da mettere nel foglio di stile per far sparire questo spazio in eccesso?
O forse c'è proprio un argomento del tag table da inserire nel HTML?

Aspetto qualche consiglio

Ciao e grazie

marcocarrieri

Provato a mettere alla tabella margin e padding a 0?
Ed ad impostare via css sulla tabella border-collapse:collapse

marcsellier

@marcocarrieri said:

Provato a mettere alla tabella margin e padding a 0?
Ed ad impostare via css sulla tabella border-collapse:collapse

Bastava mettere margin:0 direttamente nel body...

Ciao

marcocarrieri

Ecco. Sempre colpa dei margini!
Per esperienza ci son passato e ci passo anche io eh eh...

marcsellier

@marcocarrieri said:

Ecco. Sempre colpa dei margini!
Per esperienza ci son passato e ci passo anche io eh eh...

Ho fatto oggi una piccola pagina con un misto tra HTML e PHP:


<table width="100%">
   <tr>

       <td align="left" width="15%">
        <table>
        <tr><td class="titoli_aggiornamenti">Vuoi renderti ben visibile?</td></tr>
        <tr><td class="paragrafi_aggiornamenti"><a href="#">Carica le tue foto</a></td></tr>
        </table>
      </td>

       <td align="left" width="15%">
        <table>
        <tr><td class="foto_principale"><img src="immagini/foto_principale/<?php echo $foto_principale; ?>" width="100%"/></td></tr>
        </table>
       </td>
  </tr>
</table>

Nel foglio CSS ho messo questo:


body { 
      font-family: Arial;
      color: #808080;
      margin:0; 
     }

a:link, a:visited{
	color:#0026FF;
	}

td.titoli_aggiornamenti {
	font-family:Arial;
	color:#FF6A00;
	font-weight:bold;
	}

td.paragrafi_aggiornamenti {
	font-family:Arial;
	color:#808080;
	}

Come si può vedere ho fatto una tabelle che contiene 2 sotto tabelle.
Le prime 2 righe delle 2 sotto-tabelle non sono allineate sulla stessa altezza. Come mai?

Insomma, l'immagine si trova più in alto rispetto alla frase "Vuoi renderti ben visibile?". Ma perchè? Dove sbaglio?

Spero saprai darmi una mano:D

Qualcuno ha qualche idea? Grazie!