Bonjour,
J'ai un petit probleme avec mon interface HTML. Je souhaite avoir deux DIV cote à cote, celle de gauche pour le contenu du site, celle de droite, de taille fixe, pour une series de widgets.
Dans certains cas la DIV contenant les widgets doit etre cachée, auquel cas celle de droite doit occupper tout l'espace disponible.

Je suis arrivé à un résultat, mais pas exactement celui souhaité, à savoir que lorsque les deux DIV sont visibles, celle de gauche prend tout l'espace et celle des widgets vient se superposer par-dessus.

Voici mon code:

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
<div class="widgets">
          <ul>
            <li>widget 1</li>
            <li>widget 2</li>
          </ul>
 </div>
 
  <div class="content">
         website content
  </div>

Code css : 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
 
.content
{
  padding-bottom:0px;
  margin:0px;
  padding-left:25px;
  padding-right:10px;
  min-height:380px;
 
}
 
.widgets
{
        width:230px;
        display:block;
        height:450px;
        float:right;
        margin:5px 10px 0px 0px;
 
}

Quelle est la meilleure façon de faire ?

merci