Allineare una tabella al centro della pagina

**Peter_Pan** · 12-10-2005, 12:04

Salve ho delle pagine dove ci sono delle tabelle, vorrei allinearle al centro senza dover mettere ad ogni tabella align=center, quindi vorrei farlo tramite un css, è possibile?? Come?? non voglio aggiungere un div per fare ciò...

Grazie

**pierofix** · 12-10-2005, 12:06

Fai una ricerca nel forum.

**mame01** · 12-10-2005, 12:22

presumento che tu abbia un box di 600 pixel per 300px

#tabella{
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -300px;
height:300px;
background-color:#00FF00;
width:600px;

}

**pierofix** · 12-10-2005, 12:27

No mame01, non userei quel tipo di posizionamento. Meglio una cosa più blanda come

codice:

body { text-align:center }
#contenitore {
   text-align:left;
   margin:0 auto;
}

dove #contenitore è l'elemento da centrare.

**mame01** · 12-10-2005, 12:28

Originariamente inviato da pierofix
No mame01, non userei quel tipo di posizionamento. Meglio una cosa più blanda come

codice:

body { text-align:center }
#contenitore {
   text-align:left;
   margin:0 auto;
}

dove #contenitore è l'elemento da centrare.

perchè no piero??

**pierofix** · 12-10-2005, 13:52

E' risaputo che le proprietà di posizionamento CSS hanno fantasiose interpretazioni da parte dei vari browser: IE, FF e Opera pare navighino in una piccola anarchia per quanto riguarda l'argomento.

E' quindi consigliabile evitarne l'utilizzo quando ci sono soluzioni alternative.

**mame01** · 12-10-2005, 14:13

Originariamente inviato da pierofix
E' risaputo che le proprietà di posizionamento CSS hanno fantasiose interpretazioni da parte dei vari browser: IE, FF e Opera pare navighino in una piccola anarchia per quanto riguarda l'argomento.

E' quindi consigliabile evitarne l'utilizzo quando ci sono soluzioni alternative.

io l'ho testato con

firefox
explorer
opera
netscape

nessun problema

ma mi fido del tuo parere

**Peter_Pan** · 12-10-2005, 15:32

ho usato questo :

codice:

body { text-align:center }
#contenitore {
   text-align:left;
   margin:0 auto;
}

ma così ogni cosa che inserisco sulla pagina me la centra, se voglio centrare solo una determinata tabella, quindi non tutto il contenuto del body come faccio??

**pierofix** · 12-10-2005, 15:36

Dai un'id alla tabella e rifiresciti a quella cambiando il selettore da "#contenitore" a "#id-che-hai-assegnato".

**Peter_Pan** · 12-10-2005, 15:42

codice:

<style type="text/css">
<!--
body { text-align:center }
#contenitore {
   text-align:left;
   margin:0 auto;
}
-->
</style>

</head>
<body>
<table width="500" border="1" cellspacing="0" cellpadding="0" id="contenitore">
  <tr>
    <td>sdsad</td>
    <td></td>
  </tr>
</table>



<table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

Testo da non allineare


</body>

Ho fatto due tabelle una con id contenitore e una senza, ma me le centra entrambe, anche il testo da non allineare è allineato al centro

Discussione: Allineare una tabella al centro della pagina

Strumenti discussione

Ricerca discussione

Visualizza

Allineare una tabella al centro della pagina

Ho fatto così

Permessi di invio