Bonjour,
Je me tourne vers vous après plusieurs lecture de sujet similaire.
J'aimerais aligner 3 div de sorte à avoir un menu gauche de 150 px, un "corps" de page de 940 px, et un menu droite de 150 px.
Je vous link mon code HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <div id="sticker"> <div class="actu"> <img src="bla" alt="" /> <p align="justify">Ceci est actu dans le menu gauche</p> <a href="#">En savoir plus</a> </div> </div> <section> <p> Ceci est le corps du document <p> </section> <div id="menudroite"> <div class="actudroite"> <p> Ceci est une actu, dans le menu de droite </div>
CSS :
Mon problème avec ce code, c'est que je n'arrive à définir de largeur pour le menu gauche ou le menu droite. Elles sont fixés de base à 200px plus ou moins ...
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
23
24
25
26
27
28
29 section { margin-left:210px; width:940px; float:left; } #sticker { float: left; width: 150px; position: relative; } #menudroite { margin-left:1150px; width:150px; } .actu { text-align:center; position:absolute; } .actudroite { text-align:center; }
Pour pallier ce problème, j'ai utilisé un margin-left sur le menu droite faisant en sorte qu'il s'affiche à 150 px. Mais pour le menu gauche je n'arrive pas à le mettre à 150 px ...
Petite précision sur ce code, j'ai mis en place un code javascript permettant de fixer le menu gauche (id="sticker") au scroll. Mais je ne pense pas que ça vienne de ça, étant donné que la seul chose que le code fait, c'est passé le menu gauche en position:absolue.
Voilà j'aimerais pas trop bidouiller le margin-left pour résoudre ce problème, mais plutôt de comprendre d'où vient le problème
En vous remerciant,
Dévonn
Partager