Bonjour,

J'ai un élément "container" qui contient un élément "blog-content" :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
#container{
   position: relative;
   max-width: 980px;
   width: 100%;
   margin-right: auto;
   margin-bottom: 10px;   
   margin-left: auto;
   border-top: 1px solid #cdcdcd;   
   border-right: 1px solid #cdcdcd;   
   border-bottom: 1px solid #cdcdcd;   
   border-left: 1px solid #cdcdcd;               
   box-shadow: 0 0 5px #cccccc;       
   background-color: #ffffff;  
   height: auto;   
   }
 
#blog_content {
float: none;
width: 500px;
margin-bottom: 20px;
}


Maintenant, je voudrais ajouter un 2ème élément "sidebar" dans mon container.

J'ai cru bon de modifier la propriété float de blog_content comme ceci :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
#blog_content {
float: left;
width: 500px;
margin-bottom: 20px;
}
 
.sidebar {
float: right;
width: 225px;
margin: 20px 0 20px 25px;
}
Mais ceci ne marche pas, mon les éléments blog_content et sidebar apparaissent sous mon container qui est donc vide.

Où est l'erreur ?