Bonjour à vous !
Voici un problème assez fréquent sur les site dynamiques avec structure un peu complexe:
On ne connait pas la taille du div central, mais il se doit d'"étirer" le fond du div principal.
Seulement... ça ne marche pas si bien..
Code :
- #conteneur {
- width:800px;
- background-color:#cccccc;
- margin-left:auto;
- margin-right:auto;
- position:relative;
- min-height:200px;
- height:200px;
- #top {
- position:relative; height:100px;
- }
- #left {
- position:absolute;
- left:0px;
- top:110px;
- width:100px;
- }
- #center {
- position:relative;
- width:600px;
- left:110px;
- top:8px;
- }
- #right {
- position:absolute;
- width:80px;
- left:720px;
- height:100px;
- top:110px;
- }
|
Code :
- <div id="conteneur">
- <div id="top"></div>
- <div id="left"><ul><li></li><li></li></ul></div>
- <div id="center">
- <p>lkjbfckjvb</p>
- <p>l,dsn vkjdvb kjdb </p>
- <p>kjbvfkjvbdkjbv</p>eqiugv iuvgs i vgv siuvg dsiuvg viug viu gvivg <br> oefgue iugeziufgfiu
- </div>
- <div id="right"></div>
- </div>
|
Voyez, l'idée est de faire en sorte que le div central étire le fond, tout en gardant une hauteur minimale à celui-ci.
J'ai beau tordre ce code dans tous les sens, je ne vois que des bugs et des bugs ou de l'incompréhension...
C'est une structure assez complexe, et pour un site dynamique..
Je crois que ce problème est fréquemment rencontré...
On ne peut se rendre compte des divers soucis que je rencontre qu'une fois copié-collé dans un éditeur...
En tout cas, merci de bien vouloir prendre le temps de jouer un peu au puzzle avec moi !
Message édité par Nigel_ le 17-10-2005 à 17:39:31
---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr