CSS Vs <center>

Version imprimable

22/12/2006, 09h39
roudoudouduo

CSS Vs <center>
Bonjour tout le monde,
Je travaile sur une application Web utilisant en partie du CSS et en partie des balises déprécié au fur et à mesure des mises à jours nous essayons de passer au maximum au CSS. Seulement j'ai une balise <center> que je sais déprécié, et je ne trouve pas l'équivalant CSS satisfaisant je n'obtient jamais le même résultat avec text-align: .

Par exemple :
Code:

1 2 3 4 5 6 7 <body> <center> <table>...</table> <table>...</table> </center> </body>
me centre toutes les tables par rapport à ma fenetre de navigateur (ce qui est le résultat que je souhaite obtenir). J'ai essayé de trouver plusieurs équivalant CSS comme :
Code:

1 2 3 4 5 6 7 <body style="text-align: center"> <center> <table>...</table> <table>...</table> </center> </body>
ou
Code:

1 2 3 4 5 6 7 <body> <center> <table style="text-align: center">...</table> <table style="text-align: center">...</table> </center> </body>
ne me permette pas d'avoir l'affichage que j'ai avec la balise center. Je travaille en HTML 4.0.1. Je précise également que j'utilise un fichier ou je regroupe mes styles mais que pour des raisons évidentes de clarté j'intègre directement les styles dans la balise susnommé
22/12/2006, 09h54
trotters213

:salut:
Si tu donnes une largeur à tes table tu peux utiliser margin:0 auto;
22/12/2006, 10h01
roudoudouduo

Je te remercie. Toutefois je veux bien une explication si tu as le temps sur le fonctionnement de margin: 0px auto.

Ca marche pas sous IE mais sous FF et safari 1.0 opera 8 etc c bon grrrr
22/12/2006, 14h05
trotters213

cela signifie que tu donnes une marge de 0 (donc pas de marges) en haut et en bas de ton bloc et auto te centre le bloc horizontalement.
Ce n'est pas normal que ça ne fonctionne pas avec IE.
Essaie peut-être en donnant une taille aux éléments conteneurs de tes tables.
22/12/2006, 17h53
roudoudouduo

Ok mais si j'utilise ce code sur le body (ou je définis une width de 100%) ca doit marcher pour centrer tout automatiquement ? de toute facon je suis en vacance et je n'ai plus accès au code source avant début janvier
22/12/2006, 18h44
Mister Shell
Salut,
Même si tu es en vacances, tu pourras retrouver ce post ;)

pour centrer un block, je passe :
Code:

1 2 3 4 nomdublock { /* ou .classedublock */ margin-left: auto; margin-right: auto;}
mais ça ne fonctionne pas sous IE. Tu peux aller voir LA si tu utilises IE !:P

Bonnes vacances donc ;) et bonnes fêtes
22/12/2006, 21h14
Dan_A

Citation:

mais ça ne fonctionne pas sous IE

ça ne marche pas avec ie 5.x mais ça marche avec ie 6 en mode Standards Compliance.
22/12/2006, 22h06
trotters213
Citation:
Envoyé par Mister Shell

Code:

1 2 3 4 nomdublock { /* ou .classedublock */ margin-left: auto; margin-right: auto;}
Pense à définir une largeur sinon ça ne fonctionne pas.
23/12/2006, 13h35
Mister Shell

Citation:

Envoyé par trotters213

Pense à définir une largeur sinon ça ne fonctionne pas.

C'est vrai ! Petit oubli de ma part =:aie: !

Bonnes fêtes @ tous