Bonjour,
avant tout, je précise que mon code marche parfaitement sous FF. C'est IE qui m'embete(le vilain ).
DOnc j'ai reussi a centrer une première div(conteneur1) en mettant dans le body (qui contient la div) un text-align :center; que je corrige avec un text-align: left; dans ma div conteneur1.
Maintenant je veux centrer une autre div(boiteseek) qui est dans conteneur1. Et donc si je met dans conteneur1 text-align center ca marche sauf que TOUT mon texte de conteneur est centré(alors que je veux juste les div le soient).
J'espère que je suis clair.
Un petit bout de code:
Code :
- body {
- padding: 0;
- padding-top: 20px;
- padding-bottom: 30px;
- text-align: center; /* pour corriger le bug de centrage IE */
- }
- #conteneur1 { border: 2px solid rgb(60, 71, 163);
- text-align: center; /* pour pouvoir centrer sus IE boteseek */
- padding: 10px;
- display: block;
- margin-left: auto;
- margin-right: auto;
- width: 900px;
- color: rgb(0, 0, 0);
- margin-top: 20px;
- margin-bottom: -20px;
- }
- .boiteseek
- {
- text-align: left; /* retablir l'alignement a gauche/*
- border-style: solid;
- border-width: 1px;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 20px;
- width: 780px;
- }
|
La seule solution que je vois est de faire des <span style"text-align: left;">mon texte</span> pour chaque texte de mon conteneur1 mais je trouve ca lourd et laid. Il y a t-il une solution plus économique et plus belle?
Merci