Hauteur de colonne css

Fermé
FP57 Messages postés 40 Date d'inscription jeudi 15 février 2007 Statut Membre Dernière intervention 11 décembre 2007 - 7 juil. 2007 à 18:08
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 7 juil. 2007 à 23:00
Bonjour,

J'ai une page qui contient une colonne verte à gauche et une blanche à droite.

Je voudrais que la verte fasse toute la hauteur de la page. Elle s'arrête quand elle n'a plus de contenu. J'ai essayé des trucs que j'ai trouvé dans des tutoriels (repeat-y), mais ça ne marche pas.

Qu'est-ce que je peux faire ?

Merci,

Bonne fin de journée,

Françoise
A voir également:

2 réponses

s.spark Messages postés 2485 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 618
7 juil. 2007 à 18:30
Bonjour Françoise,

Un peu de code pour agrémenter le problème ? Mieux un lien ?
0
FP57 Messages postés 40 Date d'inscription jeudi 15 février 2007 Statut Membre Dernière intervention 11 décembre 2007 8
7 juil. 2007 à 20:18
Bonjour s.spark,

Voila le css que j'ai mis pour ma colonne de gauche :

#gauche
{
float: left;
width: 20%;
background-color: #777322;
height: 1000px;
}

La dernière ligne, c'est tout ce que j'ai trouvé pour faire aller la colonne jusqu'en bas (j'ai honte).

Est-ce qu'il y a plus académique ?

Merci de ta réponse,

Françoise
0
s.spark Messages postés 2485 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 618 > FP57 Messages postés 40 Date d'inscription jeudi 15 février 2007 Statut Membre Dernière intervention 11 décembre 2007
7 juil. 2007 à 21:29
Essais de mettre

height: 100%;


Si ça ne fonctionne pas mets :

html, body, #gauche
{
	height: 100%;
}

#gauche
{
	float: left;
	width: 20%;
	background-color: #777322;
} 


Bien sur il faut que ta page soit complète, avec toute les balises requise pour un page digne de ce nom.

https://openclassrooms.com/fr/courses#ss_part_1
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
7 juil. 2007 à 23:00
Bonjour,

C'est un problème récurrent.
Des solutions diverses peuvent être trouvées.

La plus simple est de définir une couleur de fond identique à celle de la colonne la plus courte au bloc qui contient les autres.

Une autre consiste à utiliser une image de fond représentant la structure des pages. Comme ici.

Vois : http://forum.alsacreations.com/faq/faq-17-Comment-faire-des-quotcolonnesquot-de-meme-hauteur-.html
0