18041 sujets

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

Problème colonne

Salut tout le monde !

J'ai un souci avec le tuto sur le sdz, je voudrais rendre extensible en hauteur une colonne.

Je veux faire un fond général avec un bande (extensible) à droite. J'ai essayé de remplacer les height par des min-height mais du coups ma bande disparait !



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
<title></title> 
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<meta http-equiv="Content-Language" content="fr"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> 
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="css-test.css"/>

</head>

<body>

<div id="site">

	<div id="menu-vertical">
		
	</div>

        <!--Très long texte...-->

</div>

</body>
</html>



*{margin:0; padding:0;}

/* ------------------------- CSS | Mise en forme ----------------------- */

/* -------------------   Mise en forme général ---------------------  */
html, body{
	color: #cbcbba; 
	background-color: #695d54;
	font-family: Arial;
	font-size: 12px;
	height: 100%;

}

#site{

   background-color: yellow;
   height: 100%;

}


/* ------ Menu vertical ------- */
#menu-vertical{
	background-color: red;
	height: 100%;
	width: 250px;
	float: right;
	margin-right: 20px;
}


Voilà le résultat :

upload/28980-2010-04-17.jpg


Merci de votre aide !
Modifié par scorpio57 (18 Apr 2010 - 16:13)
Hello,

Essaye ceci :

#site{ 
 
   background-color: yellow; 
   height: 100%; 
   overflow:hidden;
 
}

C'est un problème lorsque l'enfant dépasse son parent en float.

@+
Merci de ton aide !

Mais du coups avec l'overflow: hidden; même si le contenu devient trop grand et qu'il y a besoin d'un scroll pour faire défiler la page, il ne se fait pas. La page est coupé.
Passe le en auto alors, ça doit marcher aussi Smiley cligne
J'utilise la plupart du temps overflow:hidden car ça me permet aussi de corriger la fusion de marge.
Encore merci, mais je me suis mal exprimé. ^^ Avec l'auto il y a un scroll qui c'est créer mais ce n'est pas ce que je veux. Smiley sweatdrop

Je voudrais que la bande à droite s'étende jusqu'au bas de la page qu'importe la hauteur du contenu :
upload/28980-2010-04-18.jpg

Encore merci de votre aide !
Sujet clos
Aller à