28173 sujets

CSS et mise en forme, CSS3

[RESOLU] Hauteur obligatoire d'un div ?

Bonjour,

J'ai un conteneur qui en contient 2 autres : "ecran" et "menu".
Mon div "menu" a une hauteur fixe de 28px et mon autre div "ecran", je l'ai mis à 100%.

Le problème que je rencontre : mon div à la hauteur d'une ligne Smiley cligne

Je souhaiterai qu'il adope toute la hauteur de la fenêtre - 28px.

Pour être clair, voici un petit schema :
http://cjoint.com/data/ecxtTlNWRI_css.bmp 

	<body>
		<div id="conteneur">
			<div id="ecran">

			</div>
			<div id="menu">
				<div id="menu_start"></div>
				<div id="menu_heure">00:00</div>
			</div>
		</div>
	</body>



body
{
	overflow		: hidden;
}

#conteneur
{
	border-color		: #000000;
	border-style		: solid; 
	border-width		: 1px; 
	height			: 100%;
	width			: 100%;
}

#ecran
{
	background-color	: #3A6EA5;
	height			: 100%;
}

#menu
{
	background-image	: url("images/menu_barre.bmp");
	background-repeat	: repeat-x;
	height			: 28px;
}

#menu_start
{
	background-image	: url("images/menu_barre_up.bmp");
	background-repeat	: no-repeat;
	height			: 28px;
}

#menu_heure
{
	background-image	: url("images/menu_barre_heure.bmp");
	background-repeat	: no-repeat;
	display			: table-cell;
	float			: right;
	font-family		: Tahoma;
	font-size		: 11px;
	height			: 28px;
	line-height		: 28px;
	margin-top		: -28px;
	text-align		: center;
	vertical-align		: middle;
	width			: 49px;
}


Voici ce que j'ai actuellement :
http://cjoint.com/data/ecxCINUMJ8_site.JPG

Merci d'avance pour votre aide,
Mathieu
Modifié par mrousse (02 Apr 2006 - 23:49)
Bonsoir,

Merci pour les liens! C'est fonctionnel maintenant Smiley cligne

Mathieu
Modifié par mrousse (02 Apr 2006 - 23:49)
Sujet clos
Aller à