Hauteur de colonne css
FP57
Messages postés
40
Statut
Membre
-
Gihef Messages postés 5165 Statut Contributeur -
Gihef Messages postés 5165 Statut Contributeur -
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
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
Configuration: Windows XP Internet Explorer 7.0
2 réponses
-
Bonjour Françoise,
Un peu de code pour agrémenter le problème ? Mieux un lien ?-
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- 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
-
-
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
