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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Adapter la taille d'un <div> en fonction d'un autre???

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Adapter la taille d'un <div> en fonction d'un autre???

n°1499106
le_duc
PlaTyPuS
Posté le 05-01-2007 à 01:08:50  profilanswer
 

Yop yop
 
Si par exemple j'ai le code suivant :

Code :
  1. <div id="center">
  2.   <div id="leftPart"></div>
  3.   <div id="content">
  4.   </div>
  5.   <div id="rightPart"></div>
  6.  </div>
  7.  <div id="footer"></div>


 
et que j'aimerais donner la taille du <div> content au <div> leftPart?! C'est possible?
 
thx ;)
 
++

mood
Publicité
Posté le 05-01-2007 à 01:08:50  profilanswer
 

n°1499217
FlorentG
Posté le 05-01-2007 à 11:16:22  profilanswer
 

Non.
 
Suivant ce que tu veux faire, c'est contournable

n°1499403
gebruik
Posté le 05-01-2007 à 16:03:40  profilanswer
 

Si tu ne précises pas de dimensions au conteneur leftPart, il prendra automatiquement les dimensions des conteneurs enfants.

n°1500689
le_duc
PlaTyPuS
Posté le 09-01-2007 à 10:57:23  profilanswer
 

gebruik a écrit :

Si tu ne précises pas de dimensions au conteneur leftPart, il prendra automatiquement les dimensions des conteneurs enfants.


 
ouais, mais en fait le <div> qui va me donner la taille qu'il me faut c'est le <div id="content"> (enfant de <div id="center"> )
 
et moi j'aimerais que le <div id="leftPart"> prenne la meme dimension que le <div id="content">....

n°1500693
le_duc
PlaTyPuS
Posté le 09-01-2007 à 11:02:03  profilanswer
 

en fait vu que je n'ai pas spécifié de taille à <div id="center"> et que tu dis que celui-ci prendrait la valeur de l'enfant le plus grand (ici <div id="content"> ), il me suffirait normallement de mettre au <div id="leftPart"> -> height: inherit;
 
et ca fonctionnerait...? (vais test ca...)

n°1500697
le_duc
PlaTyPuS
Posté le 09-01-2007 à 11:08:45  profilanswer
 

bah... ca marche pas :D

n°1500873
gebruik
Posté le 09-01-2007 à 17:55:11  profilanswer
 

Pourquoi inherit ?
Un bloc qui n'a pas de dimensions spécifiées prend les dimensions de l'élément enfant... à condition qu'il ait, lui, des dimensions.

n°1500891
FlorentG
Posté le 09-01-2007 à 18:57:16  profilanswer
 

inherit reprend la propriété parente. Attention, je dis bien la propriété, pas la valeur réelle. Donc si le parent à une height auto, alors le inherit aura le même effet que auto, ça ne prend pas la valeur actuelle. Il n'y a aucun moyen pour qu'un élément prenne 100% de la taille du parent si la taille du parent n'est pas définie.
 
Maintenant comme je l'ai dis avant, je voudrais bien voir le résultat voulu, parce qu'on peut tricher facilement

n°1500916
le_duc
PlaTyPuS
Posté le 09-01-2007 à 19:22:40  profilanswer
 

FlorentG a écrit :

inherit reprend la propriété parente. Attention, je dis bien la propriété, pas la valeur réelle. Donc si le parent à une height auto, alors le inherit aura le même effet que auto, ça ne prend pas la valeur actuelle. Il n'y a aucun moyen pour qu'un élément prenne 100% de la taille du parent si la taille du parent n'est pas définie.
 
Maintenant comme je l'ai dis avant, je voudrais bien voir le résultat voulu, parce qu'on peut tricher facilement


 
hello!
 
en fait j'ai trouvé une solution... enfin :D ....
 
le truc c'est que je voulais des bordures dégradées.... donc j'ai une image de base qui fait 500px de hauteur en dégradé et si la page s'agrandit, ben j'ai simplement mis une bordure au conteneur <div id="content">, avec un z-index pour gérer la superposition (avec qqs margin -1px aussi :D) et le tour était joué --> comme ca le dégradé est tjs dispo en-haut et après la bordure prend le relais!
 
-> la page est ici : http://www.cssr.ch/index2.php  
 
Par contre le résultat n'est pas tout à fait ce que je voulais au début (-> à savoir que le dégradé de droite devait être inversé et donc aligné en bas de la page... mais ca j'ai oublié :D)
 
++


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

  Adapter la taille d'un <div> en fonction d'un autre???

 

Sujets relatifs
Adapter hauteur de iframe à son contenu[RegEx] Motif incorrecte ou mauvaise fonction..
Fonction ALEA() et fonction de répartition sous Excelfonction template et arguments variables
[PHP] Fonction Mail() ???Comment executer une fonction ?
[Javascript] la fonction charAt(); [résolu][Oracle] Verifier la taille des indexes
liens dans une fonction jsAdapter la taille d'un flash en fonction de la rés. depuis index.html
Plus de sujets relatifs à : Adapter la taille d'un <div> en fonction d'un autre???


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