28221 sujets

CSS et mise en forme, CSS3

[Résolu]Centrage du design

Salut a tous Smiley langue
Alors voila j'essaye depuis tout a l'heure de centrer http://dreamy.atoxx.net/site_oueb/webmaster-boutik.htm <=mon design mais y'a pas moyen Smiley decu
le Html
<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<!-- Date de création: 16/05/2005 -->

<head>

<title>Webmaster-boutik</title>

<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="styleclair.css" />

</head>

<body>

  <div id="content"> 
  <div id="header">

<!--Le header ici-->

    </div>

  

  <div id="menu">

<!--Le menu ici-->

<ul id="menu">

<li class="inline">

test

</li>

</ul>  

  </div>

  

  <div id="corps">

<!--Le body ici-->
  <h2>Bienvenue sur webmaster-boutik</h2>
  <p>
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In sit amet enim ut odio molestie tincidunt. Duis eu arcu. Etiam risus risus, egestas sit amet, interdum non, aliquet non, arcu. Curabitur nunc lectus, vulputate id, suscipit quis, pulvinar quis, erat. Duis eget urna. Quisque eget wisi id ipsum interdum ullamcorper. In pharetra ipsum id ipsum. In dictum wisi id lorem. Donec tempor neque in lectus. Curabitur lorem. Donec vitae velit. Morbi placerat, metus sed convallis suscipit, pede lorem varius arcu, accumsan tristique purus risus vel mi. Curabitur est orci, imperdiet a, pulvinar sed, commodo at, sapien. Nullam consectetuer metus at ipsum.
  </p>
  </div>

  

  <div id="footer">

<!--Footer ici-->

 <p>Copyright 2004-2005 Nytroweb//Tout droits réservés//Reproduction interdite</p>

  </div>    
  </div> 



</body>

</html>


Et le css 

@charset "iso-8859-1";
body {
	background-image: url("fond.jpg");
	background-repeat: repeat;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
    margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	}

#menu
{
width:619px;
height:29px;
background: url("menu.jpg") repeat-y;
margin:0;
margin-left:1px;
}

.inline
{
display: inline;
list-style-type: none;
}

#header
{
margin: 0;
width:619px;
height:119px;
background-image: url("headerwb.jpg");
background-repeat: no-repeat;
}

#corps
{
margin: 0;
width:619px;
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
background-image: url("body.jpg");
background-repeat: repeat-y; 
}

#footer
{
margin: 0;
width:619px;
height:29px;
background: url("menu.jpg") no-repeat;
padding:10px;
font-size:0.6em;
margin-left:2px;
}

#content
{
margin:auto;
}



Ciao all Smiley cligne


____________________
Noob'z coming back Smiley biggol
Modifié par nytroweb (22 May 2005 - 21:02)
Sujet clos
Aller à