Pb affichage div 50% sous firefox

pleasurnpain

30 Jul 2006 à 14:16

salut à tous

mon souci est assez simple, par exemple un exemple :
mon div#contenu {width:100%; height:100%;} juque là tout est ok

quand je veux mettre un div avec height:50% dans mon div#contenu
sous IE je vois bien le cadre du div (j'ai rajouter border: solid; pour voir le résultat) donc tout est ok et sous firefox ça marche pas (par contre ça s'ajuste qd je mets du contenu dans ce div ex:texte).

ya t'il un code pour la comtpatibilité que je connais pas ?

merci

fvsch

30 Jul 2006 à 18:36

Tu aurais le code complet des éléments concernés (html et css) ?
Chez moi ça marche très bien avec la page suivante :

<!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>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Test</title>
	<style type="text/css">
	html, body {margin: 0; padding: 0; height: 100%;}
	div#global {height: 100%; background: burlywood;}
	div#test {height: 50%; border: solid 1px red;}
	</style>
</head>

<body>
	<div id="global">
		<div id="test"></div>	
	</div>
</body>
</html>

CSS et mise en forme, CSS3

Pb affichage div 50% sous firefox