Réussir à garder un positionnement absolu et changer de résolution

Réussir à garder un positionnement absolu et changer de résolution - HTML/CSS - Programmation

Marsh Posté le 05-03-2007 à 22:12:19    

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 :
  1. body {
  2.         text-align: center;
  3.         }
  4. #page {
  5.         width: 850px;
  6.         margin-left: auto;
  7.         margin-right: auto;
  8.         text-align: left;
  9.         background-color:#529548;
  10.         border: 2px solid #FF6600;
  11.         }


mon code html:

Code :
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Parco Abatino</title>
  5. <link rel="stylesheet" type="text/css" href="stile.css">
  6. </head>
  7. <div id="page" style= "height:785">
  9. <div style="border: 2px ridge #FFCC00; position:absolute; left:50; top:20; width:383; height:73";>
  10. <p class="MsoNormal" align="justify" style="margin:5 6; ">
  11. <span style="font-family: Tahoma">
  12. <font style="font-size: 14pt"><font color="#FF6600">Questo sito è stato realizzato
  13. grazie al contributo dato dal... </font><b></span></p>
  14. </div>       
  15. </div>
  16. </body>
  17. </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

Reply

Marsh Posté le 05-03-2007 à 22:12:19   

Reply

Marsh Posté le 09-03-2007 à 22:02:56    

ajoute la propriété position:relative à #page.
 
J'ose espérer que le text-align:centre du sélecteur body sert bien à centrer tout le texte de ton site et non pas le conteneur #page.

Reply

Marsh Posté le 10-03-2007 à 06:13:26    

Code :
  1. <div id="page" style= "height:785px">
  2. </div>


Sera également mieux

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed