18073 sujets

Questions générales et questions de débutants

Bloc DIV - Cellules de mm hauteur

Bonjour

Je suis débutant dans le codage CSS.

J'essai de faire mon site en alliant HTML / CSS / PHP / MySQL.

J'ai réussi à peut près à obtenir une interface assez simpliste mais que je considère comme convenable bien que perfectible.

En lissant tout vos post dans les tutos et les faq, j'ai trouvé une faq qui explique comment faire pour avoir un site dont les cellules s'allonge en fonction du contenu et pour lequel le Pied de page descend aussi.

J'arrive à reproduire cela, sauf que je met une bordure droite sur mon menu (bloc gauche).
Et j'aimerais que ma bordure descende jusqu'au pied de page quand le bloc à droite est plus long.

Existe il une solution ?

Merci d'avance

Pour info , je vous mets mon code CSS

BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: 80px;
	PADDING-TOP: 0px
	font-size : 10px;
   	font-family : Arial;
   	color : #FFBE00;
   	background : #004696 url(images/fond.jpg) no-repeat;
}

#top {
	WIDTH: 100%
}
#conteneur {
	WIDTH: 100%
}
#pied {
	WIDTH: 100%
}
#gauche {
	HEIGHT: 100%
}
#droite {
	HEIGHT: 100%;
}
#gauche {
	FLOAT: left;
	WIDTH: 120px;
	BORDER-RIGHT: 1px solid;
   	border-color:#FFBE00;
	margin-right: 10px;
	margin-bottom: 10px;
}
UNKNOWN {
	FLOAT: none
}
#droite {
	PADDING-BOTTOM: 10px;
	MIN-HEIGHT: 700px
}
#pied {
	CLEAR: both;
	border-style:solid;
   	border-width:1px;
   	border-color:#FFBE00;
	POSITION: relative;
	TOP: -1px;
	MARGIN-TOP: 10px;
}


et mon code html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-style-type" content="text/css">
<title>Colonnes de même hauteur</title>
<link rel="stylesheet" type="text/css" href="style.css" title="" media="screen">
</head>
<body>
<div id="top">

</div>
<div id="conteneur">
<div id="gauche">
ESSAI
</div>
<div id="droite">
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
<p>Et s'il y avait plus de contenu à droite </p>
</div>
</div>
<div id="pied"><p>Pied de page bien sage à sa place, tout en bas</p></div>
</body>
</html>


Merci de m'indiquer où se trouve mon erreur car la je suis vraiment perdu Smiley biggol
Bonjour

Désolé mais je ne pourrais te dire, elle apparaissait dans la feuille de style que j'ai réutilisé
Sujet clos
Aller à