Salut,
Dans ma page, je dois afficher un cadre bleu, et dans ce cadre, deux éléments de texte : l'un alligné à gauche, et l'autre à droite.
J'ai donc fait ça :
Code :
- <div class="critereRechercheCentre">
- <div class="innerGauche">Blabla gauche</div>
- <div class="innerDroite">Blabla droite</div>
- </div>
|
Et le style :
Code :
- .critereRechercheCentre
- {
- border: 1px solid #9EB7DF;
- background-color: #EAF1FB;
- font-weight: bold;
- padding-left: 7px;
- padding-right: 7px;
- padding-top: 4px;
- padding-bottom: 9px;
- width: auto;
- display: block;
- margin-top: 22px;
- clear: both;
- }
- .critereRechercheCentre.innerGauche
- {
- text-align: left;
- width: 48%;
- clear: both;
- float: left;
- display: block;
- }
- .critereRechercheCentre.innerDroite
- {
- text-align: right;
- width: 48%;
- clear: both;
- float: right;
- display: block;
- }
|
Ca "marche", sauf que mes deux bloques de texte dépassent du cadre, qui ne grandit pas avec le reste... Comment corriger ça ?
J'ai remplacé par des <span> et des <p>, mais rien ne change, ça déconne toujours
Merci de me dire comment faire...
Tests pour le moment avec IE 6 SP2 mais ça doit marcher aussi sous FF