Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Liens contextuels :

Auteur
raccoon
# 27 Sep 2006 - 02:17:43
Citer
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 ?

^
Florent V.
# 27 Sep 2006 - 11:29:15
Citer
On va manger des chips.
Modérateur
12294 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.

http://www.covertprestige.net 
^
raccoon
# 27 Sep 2006 - 18:36:05
Citer
11 Posts
Merci grand gourou smile 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.

^

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.7.9 © dew
Contacter l'administrateur - 54.8 ms - Charte