Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2854 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu][Divs] Dépendance

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Résolu][Divs] Dépendance

n°1222903
Nigel_
Posté le 14-10-2005 à 11:13:35  profilanswer
 

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 :
  1. #conteneur {
  2. width:800px;
  3. background-color:#cccccc;
  4. margin-left:auto;
  5. margin-right:auto;
  6. position:relative;
  7. min-height:200px;
  8. height:200px;
  10. #top {
  11. position:relative; height:100px;
  12. }
  14. #left {
  15. position:absolute;
  16. left:0px;
  17. top:110px;
  18. width:100px;
  19. }
  21. #center {
  22. position:relative;
  23. width:600px;
  24. left:110px;
  25. top:8px;
  26. }
  28. #right {
  29. position:absolute;
  30. width:80px;
  31. left:720px;
  32. height:100px;
  33. top:110px;
  34. }


 

Code :
  1. <div id="conteneur">
  3. <div id="top"></div>
  4. <div id="left"><ul><li></li><li></li></ul></div>
  5. <div id="center">
  6.   <p>lkjbfckjvb</p>
  7.   <p>l,dsn vkjdvb kjdb </p>
  8.   <p>kjbvfkjvbdkjbv</p>eqiugv iuvgs i vgv siuvg dsiuvg viug viu gvivg <br> oefgue iugeziufgfiu
  9. </div>
  10. <div id="right"></div>
  12. </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...  :heink:  
 
C'est une structure assez complexe, et pour un site dynamique..  :p  
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
mood
Publicité
Posté le 14-10-2005 à 11:13:35  profilanswer
 

n°1223522
spiroublar​d
Posté le 14-10-2005 à 20:05:06  profilanswer
 

Salut !!
 
Je pense que ce que tu veux faire est relativement simple à mettre en oeuvre  :wahoo:
Par contre, il y a beaucoup de choses à revoir, tu veux que ton bloc s'étire en fonction du contenu, alors pourquoi lui donnes tu une hauteur ?
Une largeur de 800px fera apparaître une barre de scroll pour les résolutions 800*600, le mieux est de mettre la taille à environ 760/770 px.
Saches que le min-width ne fonctionne pas avec IE, il faut un hack.
 
Tu as plein d'exemple de mises en page chez alsa, inspires toi en  ;)

n°1223607
Nigel_
Posté le 15-10-2005 à 00:35:37  profilanswer
 

Oui enfin, ce code n'est qu'un schéma. :)
Je m'en sers pour faire mes tests, mais le soucis principal est que je ne trouve pas le moyen pour que le contenu étire le div principal, sans que ça délire completement... :/


---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
n°1223628
gatsusat
Posté le 15-10-2005 à 05:06:32  profilanswer
 

tu aurais d'abord séparé les styles du contenu HTML ca aurait été plus lisible. ca ait trop bordel là, même si c'est pour faire des tests


---------------
Les CSS c'est bon mangez-en
n°1223811
Nigel_
Posté le 15-10-2005 à 19:52:07  profilanswer
 

Ok, je fais ça.
Mais si vous arrivez à voir ce qui coinçe rien que de visu, vous êtes très forts. ^^
 
Edit: Voilà ^^


Message édité par Nigel_ le 15-10-2005 à 19:57:45

---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
n°1224152
gatsusat
Posté le 16-10-2005 à 23:14:28  profilanswer
 

ca serait pas un truc comme ça que tu cherche à faire ???
http://gatsu.ftp.free.fr/Modele/warcraft/maquette.html
 
:D


---------------
Les CSS c'est bon mangez-en
n°1224233
Nigel_
Posté le 17-10-2005 à 07:40:10  profilanswer
 

Ohohoh !
Je vais regarder ça de plus près. ^^
Je ne sais pas trop si ça gêne, mais j'ai en fait un div supplémentaire qui vient s'ajouter sur la droite.
 
Enfin bon j'étudie cette page, merci infiniement !


---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
n°1224836
Nigel_
Posté le 17-10-2005 à 18:23:45  profilanswer
 

Ok, c'est effectivement comme ça qu'il faut procéder, merci à toi Gatsusat !


---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu][Divs] Dépendance

 

Sujets relatifs
[resolu] Pb validation - cause "input" - pb mise en pageinit d'un dict à partir d'une chaîne de caractère [résolu]
[Résolu]Génération aléatoire puis insertion[RESOLU][Access/VBA] Selectionner onglet access ?
[RESOLU][Access / SQL] Erreur OVERFLOW lors de l'update de ma BDD ![resolu] Petit souci sur le php de mon formulaire
Zoomer une image puis la dézoomer [résolu][resolu] Centrer une image vertical dans une <div> ??
IP de connexion internet [Résolu][résolu] IE 5.5 problème avec une ancre "top" dans le body
Plus de sujets relatifs à : [Résolu][Divs] Dépendance

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.065 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR