28220 sujets

CSS et mise en forme, CSS3

Une page extensible en hauteur

Bonjour,

J'ai un petit problème CSS. Je code avec W3C et du HTML/CSS Strict depuis peu de temps, en essayant d'abandonner ces bonnes vielles tables si utiles et si fonctionnelles qu'il ne faut apparemment plus aimer.

Voici une page :

http://www.woodwar.eu/docs/probcss2/
http://www.woodwar.eu/docs/probcss2/style.css

Je souhaiterais :

- Que la div qui contient "B" (et "C" plus bas) prenne 100% de l'espace restant.

- Que lorsque cette div fasse plus de 100% de la hauteur de l'ecran (comme sur l'exemple), les cotés avec la bordure puissent suivre et ne pas faire toujours que 100% de la page de départ mais 100% de la page une fois agrandie puisque le texte est assez haut.

Ca serait très facile à faire avec un bon vieux table (vous l'aurez compris, je commence déjà à les regretter), mais je n'y arrive pas avec des div.

Merci de votre aide et bonne fin de weekend.
Modifié par Woodgate (29 Jan 2007 - 16:35)
Bon ben en fait, j'ai regardé, et mon code possède quand même assez ce qui est marqué sur cette page, je crois...
#container{
	height:100%;
	min-height:100%;
}

Le min-height: 100% fait que ce conteneur aura une hauteur minimale de 100%, et c'est bien. Le height: 100% fait que ce conteneur aura une hauteur strictement limitée à 100%, et c'est pas bien.

Ce bloc n'est plus capable de s'étirer en hauteur à cause de la hauteur fixe.

Il ne me semble pas que c'est la méthode expliquée dans le tutoriel que j'indiquais ci-dessus. Une petite relecture méthodique, peut-être ? Smiley cligne
Ok merci, ca va aller !

Merci, j'ai compris comment ca fonctionne et pourquoi ca ne marchait pas. Content (:
Pourrais-tu renommer ton sujet pour qu'il soit plus clair sur la nature de ton problème ? Cela profiterait à tout le monde. Merci
Sujet clos
Aller à