Petit souci de mise en page - Page 1

Bonjour,

Je suis en train de faire mon site, sans aucun tableau et en exploitant le plus possible les CSS.
J'ai commencé par faire 3 bloc divs ( menu contenu footer )
Et voici mon problème: lorsque le menu est plus grand que le contenu, il y'a un espace entre le footer et le contenu que je n'aime pas. Je vousdrai que cet espace vide soit remplacé par le contenu, comme une image parle mieux voici mon problème :

[URL=http://img275.imageshack.us/my.php?image=zzzzz0wb.jpg][IMG]http://img275.imageshack.us/img275/7311/zzzzz0wb.th.jpg[/IMG][/URL]

Quel attribut ajouter à la classe content pour qu'elle prenne toute la place ?

div#content {
float: right;
width: 556px;
padding: 10px 10px;
background: transparent url(img/bg_content.png) repeat;
border-left: 1px dashed #37dc11;
}

Merci !

Si ton aspect est fixe: height

Le menu de gauche varie en taille, la plus part du temps il est plus court que le contenu mais il arrive qu'il soit soit plus long donc voilà quoa :-/

reorganise ta page

un div a gauche pour le menu
un div a droite pour le reste

et dans le div de droite apres tu rebalances ton div de contenu et ton div de bas de page

ca devrait faire ce que tu desires non ?

edit: hum non si le menu va plus bas que le bas de page ca ira pas a priori donc j'ai dit de la merde ...

En effet ça ne fonctionne toujours pas j'ai essayé de rajouter un conteneur mais rien.
Pas moyen de mettre 100% de hauteur à cette zone verte

t'as essaye avec height comme l'a propose neuroo ?
en cherchant rapidement sur google j'ai vu qu'il y avait une propriete min-height aussi

mais elle existe pas sous IE donc faut magouiller un peu pour arriver au meme resultat ... http://www.greywyvern.com/code/min-height-hack.html

pourquoi ça irait pas si le div va plus bas ? o_O

Merci Rintintin mais sur le coup j'ai pas trop compris, la propriété min-height n'est même pas utilisée dans les css de démo sur le site que tu m'as filé. Je pensais avoir compris j'ai essayé avec cette propriété, ça va ça grandit mais lorsque le contenu est plus long il déborde du conteneur... donc pour moa c'est exactement comme si j'utilisai l'attibu height tout court. j'ai peut être omis quelque chose mais bon..
En tout cas Peio ce vide m'enerve j'aime pas le rendu avec ce gros blanc au millieu voilà.

PS. Je me fou d'IE pour le moment, j'ai préparé une CSS alternative pour ce navigateur de beauf'

les div est en vert tu mets "float: left;" et ceux en rouge rien du tout, ça devrait marcher. je vois pas trop le pb en fait, si le "contenu" est + haut que le menu ça s'allongera et si c'est + court y'aura pas de pb

edit: les marges sont complètement arbitraires et ne servent que pour le schèma évidemment.

Peio > Cette technique est correcte en métant le contenu + le footer dans un même contenu il n'y a plus d'espace, à la différence que c'est le footer qui est remonté et no le contenu qui est devenu plus grand. En tout cas ça me plait déjà plus je vais garder cette solution qui me convient, merci à vous les gens

ah ouai ok pour que le contenu fasse cette taille faudrait min-height mais c'est mort sous IE (je connais pas le hack sur le lien de Rintintin).

m'enfin comme ça c'est déja pas mal je pense