28172 sujets

CSS et mise en forme, CSS3

Bonsoir,

J'ai une petite question à propos d'un code Html/Css très simple : ci-dessous il y a simplement deux DIV avec un paragraphe à l'intérieur de chacune. Les paragraphes disposent d'une marge. Ce qui est bizarre, c'est que la marge déborde de la DIV, voyez plutôt :

upload/502-marge.png

Les paragraphes étant dans les DIV, l'espace devrait être à l'intérieur, et non à l'extérieur ... c'est assez illogique. Savez-vous pourquoi j'ai ce problème ?

Merci d'avance


<?php
// è_é => Petit commentaire pour forcer l'enregistrement en UTF8.
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
	<head>
		<title>Titre</title>
		<style>
		body {
			background: #000000
		}
		#container_top {
			background-color: #ffffff;
			border-right: 1px solid #333333;
			border-left: 1px solid #333333;
			margin: 0 auto;
			padding: 0;
			text-align: justify
		}
		#container_bottom {
			background-color: #ffffff;
			margin: 0;
			padding: 0;
			text-align: justify
		}
		p {
			margin: 10px 0;
			padding: 0
		}
		</style>
	</head>
	<body>
		<div id="container_top">
			<p>AAA</p>
		</div>
		<div id="container_bottom">
			<p>Texte</p>
		</div>
	</body>
</html>