Geckozone

Bonjour à tous,

Je suis en devolopement d'un site web pour la boite ou je travail, mais j'ai un petit souci...

Je vous l'explique comme je peux...

J'ai crée des div pour mettre un block de text et mon menu, mais le probleme c'est que quand je change la taille de ma fenaitre mes div se décale. j'ai mis mon site sur un ftp de test.

Vous trouverez peut etre mieu en le voyant

http://sun-avenir.ifrance.com

Je vous met aussi ma feuille CSS.

Code : Tout sélectionner

<html>
  <head>
    <title>Le site du Sun Avenir</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <h1>Feuille de style du Sun Avenir</h1>


body { background-color: #000033; }

  BODY
     {
       scrollbar-face-color: #000033;
       scrollbar-shadow-color: #000033;
       scrollbar-highlight-color: #000033;
       scrollbar-3dlight-color: #ffffff;
       scrollbar-darkshadow-color: #ffffff;
       scrollbar-track-color: #000033;
       scrollbar-arrow-color: #ffffff;
     }

  body
     {
       background-color:#000033;
       background-image:url("images/image.jpg");
       background-repeat:no-repeat;
       background-position:center center;
       text-align : justify;
       overflow: hidden;
       padding: 0em;
       margin: 0em;
       width: 800px;
       height: 100%;
       /*margin: 0 auto;*/
     }
     
#main
 {
       padding-left: 10px;
       padding-top: 10px;
       padding-right: 30px;
       margin: 0em;
       position: absolute;
       top: 420px;
       left: 270px;
       /*right: 20px;*/
       width: 600px;
       height: 270px;
       bottom: 100px;
       overflow: auto;
       border: solid 0px;
 }

#titre
 {
       padding-left: 10px;
       padding-top: 10px;
       padding-right: 1px;
       margin: 0em;
       position: absolute;
       top: 370px;
       left: 270px;
       /*right: 20px;*/
       width: 500px;
       height: 55px;
       bottom: 50px;
       border: solid 0px;
 }

#menu
 {
       padding-left: 10px;
       padding-top: 10px;
       padding-right: 1px;
       margin: 0em;
       position: relative ;
       top: 233px;
       left: 460px;
       /*right: 20px;*/
       bottom: 50px;
       border: solid 0px;
 }
 </body>
</html>

Voila je vous remerci pour une réponse prochaine

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; InfoPath.2)

Mon conseil : commence par enlever tes cadres avec ta pub et tes nombreux scripts. Quand tu auras un site qui fonctionnera, il sera toujours temps de les remettre. Mais là pour le moment j'ai voulu regarder pour t'aider et ça m'a dissuadé.

Geckozone

Petit probleme au niveau de mes <div>

Petit probleme au niveau de mes <div>