28220 sujets

CSS et mise en forme, CSS3

Bonjour,

j'aimerais positionner mon paragraphe p id="construction" tout en bas du site

code html
<!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=iso-8859-1" />
<meta http-equiv="Content-script-type" content="text/javascript" />
<meta http-equiv="Content-style-type" content="text/css" />
<meta http-equiv="Content-language" content="fr" />
<title>Diammant Rouge</title>
<link href="DiamantRouge.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>
<div id="conteneur">
	<p id="logo">
		<img src="logo_diamantrougev1.jpg" alt="" />
	</p>
	<div id="adresse">
		<p>25, Rue d'Hauteville<br />
		75010 PARIS<br />
		Tél : 01 44 836 839<br />
		Fax : 01 44 836 837</p>
		<p>mail : <a href="mailto:info@diamantrouge.com">Info@DiamantRouge.com</a>
	</div>
		<p id="construction">Ce site est actuellement en construction ...</p>
</div>
</body>
</html>


la css
* { padding: 0;	margin: 0; }


body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	}
	
div#conteneur {
	position:absolute;
    left: 50%; 
    top: 50%;
    width: 800px;
    height: 600px;
    margin-top: -300px; /* moitié de la hauteur */
    margin-left: -400px; /* moitié de la largeur */
	color: #ffffff;
	text-align: center;
	}
	
p	{
	margin: 15px 0px 5px 0px;
	}

#adresse	{
	font-size: 0.8em;
	}
	
#construction	{
	font-size: 0.8em;
	}


Il faut aussi que le paragraphe reste centré dans la page
merci de votre aide
Modifié par GuizBizet (28 Mar 2006 - 11:47)