BrunniLe 24/05/2010 à 15:25

J'ai une page avec 2 DIV, une extérieure et une intérieure. La DIV extérieure a un arrière plan (rouge ici), la DIV intérieure a une marge, nécessaire pour en placer plusieurs à la suite. Le problème c'est que l'arrière-plan de la DIV extérieure ne couvre pas la zone de marge de l'élément interne.
[URL=http://img8.imageshack.us/i/img080.png/][IMG]http://img8.imageshack.us/img8/7146/img080.png[/IMG][/URL]

Le code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<body>
		<style type="text/css">
		div#ext {
			background-color: #ff8080;
			width: 640px;
			height: 360px;
			/* border: 1px solid; */
		}
		div#int {
			background-color: #80ff80;
			margin: 20px;
		}
		</style>
		
		<div id="ext">
			<div id="int">Texte</div>
		</div>
	</body>
</html>

J'ai regardé les différentes propriétés CSS concernant l'arrière plan, le placement, le clipping, etc. et je n'ai rien trouvé. Mais comme c'est imbitable, j'ai peut être manqué quelque chose

Le fait de mettre une bordure (décommenter le border: ) corrige le problème mais ajoute une bordure que je ne veux pas. Est-ce qu'il y a un moyen de faire autrement?

Merci d'avance ^^