Bonjour à tous !
Voilà, depuis hier je suis confronté à un problème que je n'arrive pas à résoudre au sujet des positionnement de calques en CSS.
Je cherche tout simplement à centrer le contenu du site sur la page.
Voici mon code CSS:
Code :
- body
- {
- background-color: #CCCC99;
- text-align:center;
- margin:0;
- }
- #page
- {
- position:absolute;
- margin-left: auto;
- margin-right: auto;
- width: 750px;
- border: 1px solid #000000;
- background-color: #FFFFFF;
- text-align:left;
- }
- #contenu
- {
- background: #FFFFFF;
- position:relative;
- margin-top:10px;
- margin-left:230px;
- width:500px;
- font-family: Verdana;
- font-size: 10pt;
- color: #000000;
- }
- #menu
- {
- background-color: #EEEEEE;
- border-color: #000000;
- border-style: solid;
- border-width: 1px;
- font-family: Verdana;
- font-size: 12px;
- color: #000000;
- padding: 5px 5px;
- position:relative;
- top:-1px;
- left:-1px;
- width:200px;
- }
- #ombre_menu
- {
- background: #999999;
- position:relative;
- margin-top:-10px;
- margin-left:5px;
- width:212px;
- float:left;
- }
- #entete
- {
- background-color: #88909D;
- border-color: #000000;
- border-style: solid;
- border-width: 1px;
- margin-left: -1px;
- margin-top: -1px;
- margin-right: -1px;
- height:110px;
- }
|
Et mon code HTML:
Code :
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>Document sans titre</title>
- <link rel=stylesheet type="text/css" href="styles.css">
- </head>
- <body>
- <div id="page">
- <div id="entete">
- <div id="date"></div>
- <a href="index.php"><h1></h1>
- <h2></h2> </a>
- </div>
- <div id="ombre_menu">
- <div id="menu">texte</div>
- </div>
- <div id="contenu">
- texte
- </div>
- </body>
- </html>
|
Donc à savoir que si je passe l'absolute de #page en relative, la page se trouve correctement centrée mais à ce moment là, la hauteur de page ne s'adapte plus en fonction de son contenu....
Quel casse tête...
Avez vous une idée ?
Merci pour votre aide !
Message édité par huggy le 17-10-2004 à 09:02:20
