css : hauteur de page variable

[rudddy]

Bonjour,

en css, je n'arrive pas à définir une hauteur de page variable. en fait, mon background du site est gris, et le background de ma page est blanc, donc je voudrais que si le texte est long, qu'il s'affiche toujours sous fond blanc.

exemple de mon souci : http://avima.fr/v0/vallee-des-immortels.php

j'ai essayé avec min-height, height 100% ... et tout ce que j'ai vu sur le web, mais sans succès

merci à vous

[jcaron]

Normal, les blocs en float ne sont pas dans le flux, et ne contribuent pas à la taille du bloc qui les contient.

Solutions:
- utiliser des tables (oui, c'est pas bieeeeen, mais bon, c'est le seul truc qui marche vraiment)
- enlever le float: left sur le bloc central, passer celui de droite en float: right (et le mettre avant le bloc central), mettre des marges adaptées, et ne pas oublier un tube d'aspirine pendant que tu (re)lis la spec CSS.

Il y en a peut-être d'autres...

Jacques.

[forty]

il faut ajouter un <div style="clear:both"></div> après le bloc flottant.

[UsagiYojimbo]

J'ajouterais qu'en général rajouter une dive en clear:both au bon endroit permet souvent de résoudre ce genre de problèmes.

[rudddy]

il faut ajouter un <div style="clear:both"></div> après le bloc flottant.

j'ai testé de le mettre après la fermeture de mon <div id="form_center"> :

Code: Tout sélectionner

<div id=center">
    <div id="form_center">...</div>
    <div style="clear:both"></div>
</div>


et aussi après la fermeture de mon <div id="center"> :

Code: Tout sélectionner

<div id=center">
    <div id="form_center">...</div>
</div>
<div style="clear:both"></div>


et ça ne m'aide pas

où faut-il le placer exactement ?

merci

yves

[UsagiYojimbo]

Et de le mettre dans ton div form_center (avant le </div>) ?

[rudddy]

résolu

en fait il fallait enlever le height que j'ais mis fixe à 900px dans le css

et placer ce fameux div juste avant la fermeture du div id="corps" (le div contenant les 3 div left, center et right)

merci à tous

EDIT : + 1 reco

[GUITEL]

est ce que ce lien peut être utile ?

http://openweb.eu.org/IMG/article52/annexe1.html#ex3