28173 sujets

CSS et mise en forme, CSS3

bonjour
voici le code

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<meta http-equiv="Content-Language" content="fr" />
        <title>Titre</title>
	</head>
	<body>
        <div style="background-color: red;border: 1px solid black;">
            <div style="background-color: green;margin: 10px;">TEST</div>
        </div>
        <div style="background-color: red;">
            <div style="background-color: green;margin: 10px;">TEST</div>
        </div>
	</body>
</html>


La marge de 10px semble être ignorée lorsque la boite n'a pas de bordure par gecko ( Mozilla 1.7.3, FireFox 1.5.0.7 ) et pas par IE.

voici ce que ça donne sous gecko :
upload/8945-testbloc.png

Si quelqu'un sait à quoi c'est dû, merci par avance.