Bonjour
Voici mon problème avec lequel je m'arrache les cheveux n'ètant pas un spécialiste de l'html.
Je souhaite donc faire une page centrée qui soit d'une largeur fixe et qui contienne des éléments de largeur fixe et qui soient positionnés de facon absolue. De plus je souhaite qu'un changement de résolution n'altère en rien ma page.
Voici donc ce que j'ai écrit:
mon fichier de style:
Code :
- body {
- text-align: center;
- }
- #page {
- width: 850px;
- margin-left: auto;
- margin-right: auto;
- text-align: left;
- background-color:#529548;
- border: 2px solid #FF6600;
- }
|
mon code html:
Code :
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title>Parco Abatino</title>
- <link rel="stylesheet" type="text/css" href="stile.css">
- </head>
- <div id="page" style= "height:785">
- <div style="border: 2px ridge #FFCC00; position:absolute; left:50; top:20; width:383; height:73";>
- <p class="MsoNormal" align="justify" style="margin:5 6; ">
- <span style="font-family: Tahoma">
- <font style="font-size: 14pt"><font color="#FF6600">Questo sito è stato realizzato
- grazie al contributo dato dal... </font><b></span></p>
- </div>
- </div>
- </body>
- </html>
|
Donc j'arrive bien à créer ce bloc vert centré qui est bien d'une largeur fixe quelle que soit la résolution mais le texte est positionné de manière absolue par rapport au coin supérieur de l'ecran et non par rapport au bloc vert. Comment pourrais je lui faire comprendre cela ?
Merci beaucoup d'avance pour votre aide
Xavier