[CSS] - Sotituire <xxx align='center'> con attributo W3C valido [mod]

Salve.. Un dubbio semplice semplice...

Se volete semplicemente mettere una tabella al centro di una pagina io faccio:

<TABLE ALIGN="CENTER">
...
...
</TABLE>

facendo così mi sono sempre trovato bene... Ma ho notato che un validatore mi porta come errore questo attributo in quanto NON W3C....

Il validatore in questione è un validatore di accessibilità, questo.

E' ovvio che vuole che usi i CSS... Ma non ditemi che per risolvere un problema cosi stupido debba inserire la tabella con un div con un divconwidthcentopercentocontextaligncenter perche non ci credo che devo fare tutto sto casino per sta cavolata....

<div align="center">
<table>
</table>
</div>


Ciaoo!!!

mmm...no.. nemmeno così va bene... quel validatore dice che ALIGN è vietato anche su DIV !

Possibile che non ci sia un semplice attributo di stile da mettere su table? (o su div) se lo voglio accentrare?

Ah scusa, mi era sfuggito che era un validatore di accessibilità, sorry!


Ciaoo!!

mmm... Sono validatori così diversi?.. Mi sembra abbastanza ingiusta sta cosa...

Uno è convinto di aver fatto un buon lavoro ottenendo una validazione w3c a pieni voti, usa i CSS ANCHE per migliorare l'accessibilità del suo sito

....e scopre invece che il suo sito è in realtà uno schifo in accessibilità??

[Ospite]

Prova a mettere un

text-align:center;

al div o alla tabella che vuoi centrare.

Zau!

<table style="text-align:center">

oppure

<table class="taldeitali"> e nel css taldeitali { text-align:center;}


EDIT: Rockaffe, facciamo a gara? hghgghghgh tutt'edue alle 11.44

Niente da fare... Ho provato sia a impostare la classe che mettere l'attributo di style direttamente dentro la tabella, insomma come avevi detto tu..

Penso che il text-align serva per i contenuti "all'interno" di un tag, non per allineare il tag stesso...

dovresti usare

<table style="margin-right: auto; margin-left: auto;">

ma questo metodo non viene interpretato da IE. Per avere lo stesso effetto anche con tale browser crea un div con text-align impostato a center, e dentro tale div ci metti la tabella.

mavericck

Bravo mavericckweb! Così funziona :)

Mi funziona su Firefox, opera, e... anche IE, senza usare i DIV....

Lo metterò al posto di tutti gli ALIGN='center' delle mie pagine ;)

E se si volesse usare quest'ultimo esempio, ma su un foglio di stile css?

[hackharo]

Uguale solo che devi inserirlo come parametro di un elemento (classe ID ecc):

.classe {margin-left: auto;
margin-right: auto;}

Perfetto!
funziona, grazie!=)