2012-02-27 12 views
5

Sto cercando di mettere questo tavolo al centro del suo contenitore contenente e mi sta facendo impazzire! Ho cercato di usare trucchi CSS e HTML per farlo e non funziona nulla. Il mio ultimo sforzo sarebbe stato quello di aggiungere il padding alla sinistra delle colonne e solo guardarlo fuori, ma ho deciso di chiedere aiuto prima di prendere una misura del genere.Centrare un TABLE all'interno di un DIV

http://jsfiddle.net/RQXvR/

+0

avete un esempio migliore? il tuo tavolo occupa l'intera larghezza del div che è in –

+0

Hai un 'contenitore' di classe sul tuo tavolo che sta facendo occupare l'intera larghezza del suo genitore –

risposta

12

provare questo css per la vostra tavola

table {margin: 0 auto;} 
+0

purtroppo l'ho provato prima senza successo..grazie you tho – user1053263

+0

Hi user1053263, ho visto il tuo codice e css in firefox 3.6 e la tua tabella è al centro del class = "content" div. Potete per favore specificare dove si sta affrontando il problema o sto ottenendo le vostre domande in modo diverso. OPPURE Vuoi allineare il centro delle celle della tabella? – w3uiguru

1

che ne dite di aggiungere un altro div con quella proprietà css?

+0

ho tentato di contenere la tabella all'interno di un dv con esso ma niente – user1053263

2

ecco la risposta:

http://jsfiddle.net/RQXvR/8/

Prendere la width: 100%; fuori della classe .container, e aggiungere margin: 0 auto; al vostro tavolo.

0

fare questo

definire la larghezza del div per esempio: 1000 px;

quindi il div deve avere questo CSS per renderlo centrato.

.div 
{ 
width:1000px; 
position:relative; 
z-index-200; 
left:50%; 
margin-left: -500px; 
} 

Spiegazione:

= margine sinistro per la metà della larghezza si definisce.

+0

Si prega di riesaminare il codice. – Purag

+0

eh ?? modificato a causa della mancanza di punto e virgola? perché -1? così scortese .. – Bert

+0

Mi dispiace, non volevo essere scortese - stavo solo sottolineando che ci sono errori di sintassi e che questo non funzionerà per una ragione specifica. Hai bisogno che ti dica qual è il motivo? – Purag

3

Provare a utilizzare i tag <center> </center>.

Problemi correlati