Adapter la taille d'un <div> en fonction d'un autre??? - HTML/CSS - Programmation
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.
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">....
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...)
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.
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
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. |
hello!
en fait j'ai trouvé une solution... enfin ....
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 ) 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é )
++
Marsh Posté le 05-01-2007 à 01:08:50
Yop yop
Si par exemple j'ai le code suivant :
et que j'aimerais donner la taille du <div> content au <div> leftPart?! C'est possible?
thx
++