Discussion :

[brazilia28]

Bonjour à tous,

J'ai réalisé un site web : www.msdhandball.org

Sur celui-ci, il y a deux marges (gauche et droite) faite avec des FRAMES et qui ne bougent pas lorsque l'on utilise le scroll de la souris. En fait, ce n'est que la page du milieu qui déroule.

Je voudrais faire la même chose avec du CSS, étant donné que je suis en train de refaire le site entièrement en CSS.

Résumé de ma demande : Avoir deux marges (gauche et droite) statiques sur la totalité de la hauteur du navigateur, et une page centrale dynamique, tout cela en CSS.

Pouvez-vous me dire comment faire, ou bien me donner des pistes ?

Je vous remercie.

Benjamin

[Bisûnûrs]

Je pense que tu veux un truc du style :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div id="gauche">
   Contenu gauche
</div>
 
<div id="centre">
   Contenu centre
</div>
 
<div id="droite">
   Contenu droite
</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
*{
   margin:0;
   padding:0;
}
#gauche{
   height:100%;
   float:left;
   width:200px;
}
#droite{
   height:100%;
   float:right;
   width:200px;
}
#centre{
   height:100%;
   overflow:auto;
   float:left;
}

(non testé)