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

Adapter la taille d'un <div> en fonction d'un autre??? - HTML/CSS - Programmation

Marsh Posté le 05-01-2007 à 01:08:50    

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 ;)
 
++

Reply

Marsh Posté le 05-01-2007 à 01:08:50   

Reply

Marsh Posté le 05-01-2007 à 11:16:22    

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

Reply

Marsh Posté le 05-01-2007 à 16:03:40    

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

Reply

Marsh Posté le 09-01-2007 à 10:57:23    

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">....

Reply

Marsh Posté le 09-01-2007 à 11:02:03    

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...)

Reply

Marsh Posté le 09-01-2007 à 11:08:45    

bah... ca marche pas :D

Reply

Marsh Posté le 09-01-2007 à 17:55:11    

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.

Reply

Marsh Posté le 09-01-2007 à 18:57:16    

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

Reply

Marsh Posté le 09-01-2007 à 19:22:40    

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)
 
++

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed