DIV height 100% - Alsacreations

Auteur
raccoon	# 27 Sep 2006 - 02:17:43
11 Posts	Bonjour Tout le monde, Je voudrai demander a la communaute si elle a un petite idee sur mon petit probleme. J ai deux div, l'un doit seulement avoir la taille du contenu et le second doit prendre 100% de la page. Mais voila le second fait une height de 100% de son parent et donc une scroll bar apparait. Comment puis je faire pour qu il ait 100% de la place restante de la page ? Voici mon chti code : HTML, BODY { height:100% } div.container { border: 1px solid #000000; overflow: auto; height: 100%; } div.contenu1 { background-color:pink; } div.contenu2 { height: 100%; background-color:green; } </style> <div class="container"> <div class="contenu1"> BlablablablaBlablablablaBla<br> BlablablablaBlablablablaBla<br> BlablablablaBlablablablaBla<br> BlablablablaBlablablablaBla<br> BlablablablaBlablablablaBla<br> </div> <div class="contenu2"> <p>Content</p> <p>Content</p> <p>Content</p> </div> </div> C est seulement pour IE aussi. Qu en pensez vous ?
11 Posts
fvsch	# 27 Sep 2006 - 11:29:15
Administrateur 19881 Posts	Bonjour raccoon et bienvenue sur ce forum, Sur cette page, on présente une construction avec html et body en height: 100%, ainsi qu'un certain nombre de précautions à prendre pour éviter des barres de défilement inutile. Certaines de ce précautions seront adaptables au cas que tu présente. C’est ça, la puissance intellectuelle. Bac + 2, les enfants.
Administrateur 19881 Posts
raccoon	# 27 Sep 2006 - 18:36:05
11 Posts	Merci grand gourou Deja cette page m explique un peu mieux comment ca marche. J' ai repris ma vraie page (pas celle avec les carres roses et verts), et appliquer. Mais j ai un contenu variable de mon equivalent de "pied de page" . Donc le padding que je vais imposer aux elements n'est pas fixe. Je ne vois qu une solution : refaire ma mise en page en tableau fixe avec une cellule de mon contenu principal avec un div pour un scroll bar. mais sur tout le site ca va lourd.
11 Posts