Version imprimable
bonjour,
Je débute plus ou moins en css, j'ai fait un site, et à un endroit j'aimerai qu'un div occupe tout l'espace vertical qui lui reste. En effet ce dernier se trouve dans un conteneur qui est en float:right qui flotte donc à droite d'un autre conteneur. Le conteneur de gauche est souvent plus long que celui de droite. Je souhaite completter l'espace restant. Une image sera surement plus claire que mes explications :
http://moussu.clement.free.fr/pub/capture.jpg
Merci...
Hello,
Selon les spécifications css, la hauteur en % d'un bloc ne s'applique que si son parent a une hauteur renseignée.
La seule solution consiste donc à donner une hauteur depuis la balise html, dont le 100% équivaudra à la taille de la fenêtre, puis au body, ... Le problème est que, si ton contenu dépasse en hauteur la taille de ta fenêtre, le conteneur, lui s'arrêtera à 100%, soit à la taille de la fenêtre. Tu peux donner alors un min-height de 100% pour le conteneur en question, mais il n'y aura alors plus de height et donc les enfants ne pourront pas recevoir de height en % (donner un height en % quand le parent n'a aps de hauteur renseignée revient à donner un height:auto) :(
Bref, une solution actuelle facile à mettre en oeuvre serait de donner une image de fond grise qui se répète en y a un élément qui contient à la fois ton menu et ton contenu (d'après ton screen à l'élément qui possède le border).
Grace à ton aide sur le bug des 3px de float je peux maintenant utiliser la couleur de fond de mon conteneur principal à cet effet... Merveilleux non ?:mouarf:
Il faut juste penser au cas où ton conteneur de droite est plus long que le gauche. Acceptes-tu alors d'avoir du gris en-dessous ? Si oui, une couleur de fond suffit, autrement un min-height (mais qui peut varier dans le futur si ta colonne de droite s'allongeait = pas très fonctionnel) sur ton élément de gauche ou alors une image de fond (avec peut s'avérer utile :)Citation:
Envoyé par Givemefive