Css , petit problème - Page 1

bonjour bonjour



code html

<div id="container4"> <div class="infos"><h2>infos clés</h2></div> <div id="containergauche"> <h3>Projet individuel</h3> <ul> <li><p>- Convient au particulier ou au locaux simples</p></li> <li><p>- Pratique et é&#769;conomique</p></li> <li><p>- Idéal pour les configurations simples</p></li> <li><p>- Instalation intuitive et adapté</p></li> </ul> </div> <div id="containerdroite"> <h3>Projet Collectif</h3> <ul> <li><p>- Conviens a tout type d'immeubles ou instalations multiples</p></li> <li><p>- Système adapté a vos besoins</p></li> <li><p>- Idéal pour les configurations avancées</p></li> </ul> </div> </div><br> <div class="container-bouton"><a href="javascript:{}" onclick="document.getElementById('etape1').submit(); return false;" class="bouton etape2">Étape Suivante <span class="gras">></span></a></div> </div>




code CSS ==>
#container4{width:90%;margin:0 auto;background:#eaebec;} #container4 li {font-size:11px;color:#959393;} #containergauche{width:45%;float:left;padding-left:5%;} #containerdroite{width:45%;float:right;padding-right:5%;}



résultat attendu =>




résultat obtenu =>

En gros le container 4 ne fais pas son boulot d'englober le container gauche et le container droit ... bloqué depuis longtemps sans solutions ...

Quelqu'un pourrais t'il m'aider s'il vous plait ?

Coucou, je donne des nouvelles sur ce que donne mon configurateur , il prends doucement forme, et c'est en parti grâce a vous merci pou les nombreux soutiens que j'ai pu avoir dans les différents posts que j'ai fait