FORUM MP | Xhtml/Css : CSS : Menu trop court

COMMUNAUTE MP

Identifiez vous ...

DOMAINE MP

Bavardages

Langages Généraux

Langages Web

Langages DotNet

Autres langages

Dev. Jeux Video

Sécurité

Sys. Exploitation

Graphismes

Logiciels

Réseaux

Bases de données

Méthodologies

Emplois High-tech

Aide juridique

Articles juridiques

FORUM

CHAT MP IRC

Votre pseudo ...

Serv: irc.irc-land.org

Chan: #MoteurProg

PARTICIPER

Plus de 3500 emplois.

Visiteur MP

CSS : Menu trop court
	Forum : XHTML/CSS Sous Catégorie : Aucune Type du sujet : Sujet Normale FAQ : FAQ XHTML/CSS
		SUIVI PAR MAIL INACTIF
		SUJET NON RESOLU
		SUJET ACTIF
		N'APPARTIENT PAS A LA FAQ

PAGE : [1]

FORUM XHTML/CSS
	Page précedente	Page suivante

Nigel_Marven
Membre MP

Inscrit : 04/05/2005
Messages : 270

#153192 Posté le 18/05/08 à 13:19

Bonjour,

J'ai comme un léger souci avec le menu de mon site web. Voici le problème :

J'ai une div qui flotte à gauche, et je souhaiterais que sa hauteur s'étende jusqu'au fond de la page. Or, mon bloc ne prend que la hauteur nécessaire pour afficher son contenu (et ça ne suffit pas !). Smiley

Après avoir cherché moult solutions, je me résous à ce forum, en espérant que quelqu'un pourra m'aider.

Si jamais cela peut servir à quelqu'un, voici mon code :

#menu_articles { background-color: #6f6f6f; color: white; text-indent: 0px; width: 15%; border: 2px outset white; float: left; margin: 0px; padding: 10px; height: 100%; /* <----- Le problème vient sûrement d'ici, mais… que faire ?! */ font-size: 80%; margin-right: 40px; margin-left: 7px; margin-top: 7px; }

Merci d'avance pour toute aide, qui me sera sans aucun doute très précieuse Smiley

Nigel_Marven

HAUT DE PAGE

Publicité

Inscrit : X
Messages : X

#Aucun

HAUT DE PAGE

Czayfaboo
Co-Administrateur
Superviseur :
- Langages Dot.
Modérateur :
- CSharp (C#)
Chef de projet(s) :
- ID3.NET Library
- MoteurProg Work.

Inscrit : 05/01/2005
Messages : 2853

#153196 Posté le 18/05/08 à 14:50

Salut !

Le problème avec les height:100%; en CSS, c'est qu'ils sont vraiment pas pratique...
La seule solution pour s'en servir consiste en effet à définir tous les éléments hiérarchiques supérieurs avec une height de 100% aussi.

Par exemple, pour le code HTML suivant (j'ai enlevé pleins de trucs pour mieux voir) :

<body> <div class="a"> <div class="b"> <div class="c"> Coucou </div> </div> </div> </body>

Faudrait donner le code CSS suivant pour avoir le <div class="c"> de hauteur 100%.

body, .a, .b, .c { height:100%; }

Voila.

Ca c'est pour la théorie que j'ai lu (et vérifié) il y a déjà un bon moment... Il se peut quand même que mon code soit insuffisant... Mais l'idée est là.

Tiens moi au courant Smiley

__________________________
Sujet résolu ? Pensez à mettre le tag

Un problème en C# ? Vérifiez celui-ci n'est pas déjà résolu dans la FAQ et que le sujet n'est pas traité parmis les tutoriaux ou les articles avant de poster dans le forum C#.

HAUT DE PAGE

MisterV
Membre du club

Inscrit : 21/05/2004
Messages : 1590

#156104 Posté le 29/08/08 à 16:26

Salut,

Malheureusement je crois que ce que tu cherche à faire n'est pas vraiment réalisable (si j'ai bien compris ce que tu veux obtenir).

Pour te donner peut-être un petit coup de main, je te conseil ce site qui propose des exemples de mise en page très intéressants (si tu en étudie quelques-uns tu verra qu'ils y a des astuces vraiment chouettes).
__________________________
GGrrrrrrrrr.............

Comment poser une question ?

HAUT DE PAGE


	Page précédente	Page suivante
FORUM XHTML/CSS

PAGE : [1]

.: Site Web développé par Julien Pichot et l'équipe MPWG avec www.evolvia-web.com :.