Bonjour j'essaie de créer un site web simple.
J'aimerai créer plusieurs div comme montrer dans la pièce jointe. upload/52872-1.jpg

Mais le problème je n'arrive pas à placer la deuxièmes div ( gauche ) en dessus. je ne veux pas quelle soit collée à la première mais avec un espace.

Auriez vous un exemple à me montrer
Merci
Bonsoir, merci pour votre réponse
Je n'arrive pas à mettre une deuxième div à droite et à gauche ( voir en dessous )
Après mure réflexion j'aimerai rajouter au moins 2 diven plus a droite et à gauche.
S'il vous plait aidez moi
Merci


HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>

<link href="includes.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">  
<div id="content">
    
  <div id="gauche">
    <div id="contenu">
        
      <p>&nbsp;</p>
     
</div>
   	  </div> 
    	
        
        <div id="droite">
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
        </div> 
        
    </div> 

</html>



CSS :

#container{
	width: 960px;
	margin: 0 auto;
	padding: 0px 10px;
}

#content {
	clear: both;
	width: 960px;
	height: 100%;
}

#content #gauche {
	float: left;
	width: 280px;
	margin-top: 20px;
	margin-left: 25px;
	padding: 0;
}

#content #droite {
	float: right;
	width: 570px;
	margin-top: 20px;
	margin-right: 30px;
	padding: 0px 0px;
	border-color:#666;
	border-width:5px 5px 5px 5px;
    border-style:solid ;
    border-color: #CCC;
	border-radius: 3px;
}
#gauche #contenu {
	clear: both;
	width: 280px;
	border-color:#666;
	border-width:5px 5px 5px 5px;
    border-style:solid ;
    border-color: #CCC;
	border-radius: 3px;
}

Modifié par 6l20 (08 Jan 2014 - 13:28)