[Résolu] Div plus grande que la page

Bonjour,

J'ai un petit problème de taille de div, je voudrais qu'elle fasse la taille de la page avec un

#menu_left
{
	height: 100%;
	background-image:url('../img/img_left.jpg');
	background-repeat: no-repeat;
}

et toutes les div parent avec

height: 100%;

mais celle-ci me fait un scroll de la page.

Un exemple sera plus claire : http://jeforce.net/monsite/?agir_pour_demain

Merci
Modifié par jeud (20 Sep 2011 - 19:01)

Bonjour,

as-tu fait une recherche sur le forum ? Il me semble que ce sujet a été traité des dizaines de fois, tu trouveras probablement une solution qui te conviendra.

Bonsoir,
normal tu as une div #menu_left dont la hauteur est de 100% à partir du bas du header, donc au final une hauteur totale équivalente à la celle du header + celle du viewport (zone d'affichage), celle de #menu_left.
Tu ne peux pas fixer cette hauteur en % sans connaître au préalable la résolution de tes visiteurs.
Modifié par Hermann (20 Sep 2011 - 18:26)

Merci pour la réponse rapide,
la solution la plus simple est de passer par un JavaScript ?
Modifié par jeud (20 Sep 2011 - 18:27)

La solution la plus simple consiste à placer ton backgroud beige de gauche au niveau de la div #page, sinon il faut certainement passer par une solution à base de display:table-cell.

Okay merci beaucoup

N'oublie pas de mettre ton topic en résolu