[résolu]Bandeau sur page

Bonjour,
Je voudrais faire un bandeau de hauteur fixe sur une page de hauteur variable.

Quelque chose du type

#bandeau
{
   height:100px;
}

#corps
{
   height:100% - 100px;
   overflow:auto;
}

cela est_il difficile à réaliser en CSS?
Modifié par horse (10 Feb 2008 - 18:24)

Bonjour et bienvenue parmi nous

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.

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

horse a écrit :
cela est_il difficile à réaliser en CSS?

Non:

body {
	margin: 0;
	padding: 0;
}
#bandeau {
	height: 100px;
	background: red;
}
#corps {
	position: absolute;
	top: 100px;
	bottom: 100px;
	left: 0;
	right: 0;
	overflow:auto;
}

Par contre, ça n'est pas compatible IE6, et puis ça n'a pas un grand intérêt en dehors de problématiques précises telles que des interfaces d'applications web. Dans ce dernier cas, on pourra se pencher sur ce type de solutions, ou sur le positionnement fixe pourquoi pas, mais aussi et surtout sur les scripts Javascript nécessaire pour obtenir un ergonomie potable et une relative compatibilité IE6.
Ou sur les frames, plus simplement.