Positionnement simple en css

2 Oct 2008 à 15:57

Salut,

Je voudrais faire un positionnement en css trés simple, mais je recontre un probleme.
Ce que je veux :
- un bandeau en haut de la page.
- un contenu qui prend le reste de la page en hauteur.

Voila 2 petits bout de code : html / css

test.html


<html>
	<head>
		<link href="position.css" rel="stylesheet" type="text/css" />
	</head>
	
	<body id="">
		<div id="content">
			<div id="root_top_panel">top panel</div>			
			<div id="root_middle_panel">middle panel</div>
		</div>
	</body>	
</html>

position.css


#content {
	height:100%;	

	margin:0px;
	padding:0px;	
	border: 1px solid blue;
}

#root_top_panel {
	margin:0px;
	padding:0px;
    border: 1px solid red;
}

#root_middle_panel {
	height:100%;	
	
	padding:0px;
	margin:0px;	
    border: 1px solid green;
}

Ok, tous ça est très bien, seulement, je ne comprend pas pourquoi l'ascenseur a droite du navigateur apparait et la taille du scroll correspond a la taille du bandeau du haut ...

J'ai forcement du mal comprendre quelque chose ... si quelqu'un peut m'expliquer, ça serait très sympa !

Merci d'avance.

Gilles.

Raphael

Administrateur

2 Oct 2008 à 16:39

faistoiplaisir a écrit :
Je voudrais faire un positionnement en css trés simple

Hello et bienvenue,

En fait non, ce n'est pas simple.

EDIT : par contre ton titre de sujet "Positionnement simple en css" est loin d'être pertinent et sera vite perdu dans la masse Smiley decu

Modifié par Raphael (02 Oct 2008 - 16:41)

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

Positionnement simple en css