Donner une hauteur relative à un float en css
3 messages
• Page 1 sur 1
- veustshop
- WRInaute discret

- Messages: 76
- Inscription: 29 Avr 2007
Donner une hauteur relative à un float en css
Bonjour
Débutant en css, je me retrouve confronté à un problème de présentation. Mon site est composé de 5 blocs : un top-page, un menu horizontal, un menu vertical, un corps de page et un pied-de-page. Jusque ici, rien de compliqué. J'ai positionné mon menu vertical avec un"float: left" et mon corps de page avec un "margin-left" correspondant à la largeurs de mon menu +10px, toujours aucun problème. Or la hauteur de mon corps de page varie d'une page à l'autre en fonction du contenu alors que mon menu reste d'une hauteur fixe et c'est là que le problème arrive. Je me retrouve avec le bloc menu qui n'est jamais aligné avec le corps de page en hauteur donc la présentation de mes pages s'en ressent fortement. Voir exemple.
Comment puis-je m'y prendre pour que le menu fasse systématiquement la même hauteur que le corps ?
J'ai essayé de l'aligner avec le bas de page mais impossible. Quelqu'un aurait-il la solution ??
Débutant en css, je me retrouve confronté à un problème de présentation. Mon site est composé de 5 blocs : un top-page, un menu horizontal, un menu vertical, un corps de page et un pied-de-page. Jusque ici, rien de compliqué. J'ai positionné mon menu vertical avec un"float: left" et mon corps de page avec un "margin-left" correspondant à la largeurs de mon menu +10px, toujours aucun problème. Or la hauteur de mon corps de page varie d'une page à l'autre en fonction du contenu alors que mon menu reste d'une hauteur fixe et c'est là que le problème arrive. Je me retrouve avec le bloc menu qui n'est jamais aligné avec le corps de page en hauteur donc la présentation de mes pages s'en ressent fortement. Voir exemple.
Comment puis-je m'y prendre pour que le menu fasse systématiquement la même hauteur que le corps ?
J'ai essayé de l'aligner avec le bas de page mais impossible. Quelqu'un aurait-il la solution ??
-

Leonick - WRInaute accro

- Messages: 19592
- Inscription: 8 Aoû 2004
un petit tour là dessus http://batraciens.net/css-astuces/3-col ... bles-2.htm
-

xescorp - WRInaute occasionnel

- Messages: 298
- Inscription: 19 Jan 2007
Ou aussi la référence : http://css.alsacreations.com/
3 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
- css: Hauteur d'1 div container contenant une div float:left
- CSS: position: relative.. mais relative à quoi!!!??
- Question relative au Menu en CSS :
- [CSS] Fixer un div en float?
- css : hauteur de page variable
- [CSS] Overflow, float:right, et internet explorer
- [réglé] Problème de css avec float
- Un problème de css avec float:left;
- [Résolu] Problème css avec des float
- [HTML & CSS] div centrés en hauteur ?
- Générateur de mots-clés
Cet outil vous fournit une liste de mots sémantiquement proches du mot que vous fournissez en entrée. Il peut servir à vous donner des idées de mots à utiliser sur vos pages, voire de contenus à ajouter.
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités
