Centrare Tabella

LuigiDonato

Utente Attivo
20 Ago 2015
63
0
6
Salve,
ho cercato ovunque ed ho provato di tutto, ma di centrare una tabella all'interno di un div non se ne parla proprio a quanto pare.. Qualcuno sa come si fà?
Eccetto per il margine, perchè voglio una soluzione univoca per tutte le risoluzioni, non voglio che sugli schermi più piccoli poi la tabella vada a finire sopra al menù..!
 
centrare in verticale o in orizzontale?
in ogni caso se non vuoi usare i margini perché non fai una tabella con una sola riga e una sola colonna e dentro l'unica cella metti la tua tabella, così dovresti poterla centrare sia in orizzontale che in verticale.
 
O.o
E perchè una tabella con una riga ed una colonna dovrebbe centrarsi? Di default le tabelle partono in alto a sinistra..!
Comunque in orizzontale..:fonzie:
 
forse non mi sono spiegato... la tabella non deve centrarsi ma occupare tutto lo spazio orizzontale possibile, se poi nella cella metti align="center" e dentro alla cella metti la tua tabella sarà centrata
 
Salve,
ho cercato ovunque ed ho provato di tutto, ma di centrare una tabella all'interno di un div non se ne parla proprio a quanto pare.. Qualcuno sa come si fà?
Eccetto per il margine, perchè voglio una soluzione univoca per tutte le risoluzioni, non voglio che sugli schermi più piccoli poi la tabella vada a finire sopra al menù..!
Codice:
<div>
  <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</div>
Vedi se va bene npon sapendo la dimensione della tabella ne le righe ne le colonne





.
 
forse non mi sono spiegato... la tabella non deve centrarsi ma occupare tutto lo spazio orizzontale possibile, se poi nella cella metti align="center" e dentro alla cella metti la tua tabella sarà centrata

Aaaaaaah!
Beh, buona idea!
Adesso provo.. :D
Scusami, non avevo capito!
 
Codice:
<div>
  <table width="100%" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>*</td>
    <td>*</td>
    <td>*</td>
    <td>*</td>
  </tr>
  <tr>
    <td>*</td>
    <td>*</td>
    <td>*</td>
    <td>*</td>
  </tr>
  <tr>
    <td>*</td>
    <td>*</td>
    <td>*</td>
    <td>*</td>
  </tr>
</table>

</div>
Vedi se va bene npon sapendo la dimensione della tabella ne le righe ne le colonne





.

No non funziona questo, già provato l'align="center"
 
Io lo vedo in mezzo non di lato!

Vero.. Non avevo notato che da FF è praticamente quasi come vorrei il risultato finale.. Peccato che su chrome il risultato fa veramente pena...
Insomma è un casino con questi CSS per adattarli ai vari browser eh?
Non avrei mai immaginato tanta difficoltà.. C'è da uscire pazzi..!
 

Discussioni simili