28173 sujets

CSS et mise en forme, CSS3

Probleme pour placer des blocs

bonjour a tous

J'aimerai mettre en dessous du bloc orange un bloc de meme largeur

et et j'aimerais mettre en dessous du bloc bleu un bloc de meme largeur

(le hauteur importe peu)

voici le lien

http://www.bleuquest-informatique.com/priv/test/index.html


et voici les codes


<body>
        
       <div class="centrage">
		   

		        <div class="banniere"></div>
		   

		        <div class="gauche"></div>
		   

		        <div class="milieu"></div>
		   

		        <div class="droite"></div>
		   

		        <div class="bas"></div>

		   	   
         </div>

</body>



et la css


* 
{margin: 0px; padding: 0px; border: 0px; font-family: Verdana, Tahoma, Arial, Serif; color: #000000; font-size: 8pt;
font-weight: normal; font-style: normal; text-decoration: none; line-height: 13px;} 


body{background-color: #ffffff;} 

 

/* centrage des pages  */

.centrage
{position: absolute; width: 950px; left: 49%; margin: 10px 0px 0px -475px; border-width: 1px 1px 1px 1px; 
border-style: solid; border-color: #CCCCCC; background-color:#08db4d; padding:10px;}



.banniere { position: relative; float:left; width: 950px; height: 110px;  background-color:#cc08ef;}




.gauche
{
 position: relative; float:left; width:170px; height:400px; padding:2px; 
 background-color:#db8408; border-width: 5px 1px 1px 1px; border-style: solid; 
 border-color: #1f1643; margin-top:20px;
 }

 
 

 .milieu
{
 position: relative; float:left; width:470px; height:600px; padding:2px; 
 background-color:#ecef08; border-width: 5px 1px 1px 1px; border-style: solid; 
 border-color: #1f1643; margin-left:60px; margin-top:40px;
 }
 
 

 .droite
{
 position: relative; float:right; width:170px; height:400px; padding:2px; 
 background-color:#1208db; border-width: 5px 1px 1px 1px; border-style: solid; 
 border-color: #1f1643; margin-top:20px;
 }



merci
Modifié par lio (24 Aug 2007 - 18:08)
Bonsoir.

Une petite remarque pour commencer : pourquoi mettre des classes alors que visiblement ces divs sont uniques ?

Ensuite pour le problème en lui même il suffit de mettre des enfants ( paragraphes, listes, ... ) à tes divs et d'attribuer les couleurs de fonds aux enfants et non aux divs.
Sujet clos
Aller à