CSS Vs <center>

**roudoudouduo** · 22/12/2006, 09h39

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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é

**trotters213** · 22/12/2006, 09h54

Si tu donnes une largeur à tes table tu peux utiliser margin:0 auto;

**roudoudouduo** · 22/12/2006, 10h01

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

**trotters213** · 22/12/2006, 14h05

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.

**roudoudouduo** · 22/12/2006, 17h53

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

**Mister Shell** · 22/12/2006, 18h44

Salut,
Même si tu es en vacances, tu pourras retrouver ce post

pour centrer un block, je passe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

Bonnes vacances donc

et bonnes fêtes

CSS Vs <center>

CSS

Vue hybride

Discussions similaires

Partager

Partager