Bonjour,
Je suis en train d'appliquer les conseils du livre CSS2 et je tente de réaliser un gabarit pour joomla avec 2 colonnes (menu et contenu).
Je n'arrive pas à avoir un menu qui s'allonge en hauteur en fonction du contenu du contenu.
Merci pour votre aide

http://www.stb-casteilla.net/bph/

Feuille css

body {background-color:#FFF; margin:0; margin-left:10px; margin-right:5px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size : 0.8em;}

p {margin : 0 0 1em 0;}

h1 {color:#9933cc; font-weight:bold; font-size:1.7em; margin:0; padding:0}

a {color:#666; text-decoration:none}

a:hover {color:#0066FF; background:#FFC875; text-decoration:none}

#global {
	border: 1px dashed #ccc;
}
IMG{border:0}

#titre
{
	background-image: url(../images/bg_titre.jpg);
	font-size: 1.5em;
	color: #FFFFFF;
	padding-top: 2px;
	margin-bottom: 4px;
	font-style: italic;
	height: 35px;
	width: 100%;
	margin-top: 4px;

}

#fil{
	padding-bottom:0px;
	font-size: 0.8em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #9933CC;
	height: 15px;
}

#menugauche {
	width:230px;
	float:left;
	background-color: #FFCCFF;
	border-right: 1px dotted #9933CC;
	font-size: 0.8em;
}

#contenupage {
	margin-left:230px;
	background-color:#CCCC66;
}
#pied {
	background-color: #CCCCCC;
	clear:both;
	margin :0;
}

Modifié par mkriat (28 Oct 2007 - 11:26)
Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif