Imprimer la Page

Forum-webmaster

Général => Présentation de services web et de sites Web => Message commencé par: Technibureau le le 04-09-2008 a 10:59:20

Titre: Mise en page CSS
Posté par: Technibureau le le 04-09-2008 a 10:59:20

Bonjour,

J'aurais aimé si possible avoir une petite aide sur la mise en page de mon site, qui se doit bien sur d'être compatible avec les différents navigateurs actuelles, entre autres IE6;7 et Firefox.

Je vous joins mon CSS :

Ainsi qu'un screenshot, envoyant déjà le dégât ^^, le rétrécissement de la fenêtre, rétrécie bizarrement le site.

http://img214.imageshack.us/img214/9226/screenshotwg5.png

Si vous pouvez m'aider, je vous en remercie d'avance,
Cordialement.
Mathieu

___________________________________________________________________

html{
   background:url('../images/bg.jpg') repeat-y;
   background-position: center;
   background-color:#D1C3A9;
   page: auto;
   height: auto;
   max-height: 100%;
   max-width: 100%;
   min-height: 100%;
   min-width: 100%;
   left: 0%;
   right: auto;
   top: 0%;
   position: fixed;
}

body {
   color:#000000;
   font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size:70%;
   position:absolute;
   width: 100%;
   height: 100%;
   min-height: 100%;
   left: 0%;
   /*border: 1px solid #000f2a;*/
   max-height: 100%;
   max-width: 100%;
   min-width: 100.%;
   right: auto;
   top: 0%;
   }

div#conteneur {
   width: 72%;
   height: 100%;
   left: 14%;
   max-height: 100%;
   max-width: 70%;
   min-height: 100%;
   min-width: 70%;
   right: auto;
   top: 0%;
   border: 1px solid #000f2a;
   position: relative;
   visibility: visible;
   }

div#header {
   background:url('../images/header.jpg') no-repeat;
   width:100%;
   height:392px;
}

div#date {
   position:absolute;
   margin-top:270px;
   margin-left:490px;
}

div#menu{
   width:27%;
   height:auto;
   float:left;
}

div#contenu{
   padding-left:2%;
   padding-right:2%;
}

div#menuforme {
   background:url('../images/m_footer.jpg') no-repeat bottom #FFFFFF;
   width:100%;
   height:auto;
   padding-bottom:10%;
   margin-bottom:10%;
   }

div#menuforme h2 {
   width:100%;
   height:auto;
   background:url('../images/h2_m.jpg') no-repeat;
   text-align:center;
   padding-top:10px;
   }

div#menuforme ul {
   padding-left:4px;
   padding-top:10px;
   height:auto;
   width:100%;
   border-left:2px solid #D2CDC4;
   border-right:2px solid #D2CDC4;
   }

div#menuformecentre {
   border-left:1px solid #D2CDC4;
   border-right:1px solid #D2CDC4;
}

div#menuforme li {
height:15px;
margin-bottom:3px;
padding-left:18px;
background:url('../images/li.jpg') no-repeat;
}

div#menuforme lu {
height:15px;
margin-bottom:3px;
padding-left:18px;
background:url('../images/lu.jpg') no-repeat;
}

img { display:block; margin:0; padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#333333; text-decoration:none; font-weight:bold; }
a:hover { color:#D1C3A9; font-weight:bold; }
a img { border:0; }
h1 { text-align:left; margin:0; padding:0; font-size:150%; }
h2 { margin:0; padding:0; font-size:100%; }
h3 { margin:0; padding:0; font-size:120%; }
h4{ height:15px; font-size:12px; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; margin:0px; padding-left:18px; background:url('../images/li.jpg') no-repeat; }
p { margin:0; padding:5px; }
div.clear { clear:both; }

div#centre {
   width:514px;
   height:auto;
   float:right;
}

div#centreheader {
   width:514px;
   height:19px;
   background:url('../images/h2_t.jpg') no-repeat;
   text-align:center;
   padding-top:3px;
}

div#centrecentre {
   width:513px;
   height:auto;
   background-color:#ffffff;
   text-align:justify;
}


div#centrefooter {
   background:url('../images/t_footer.jpg') no-repeat bottom #FFFFFF;
   width:514px;
   height:51px;
}

div#footer {
   width:100%;
   height:190px;
   background:url('../images/footer.jpg') no-repeat;
   clear:both;
   }

div#footer p {
text-align:center;
}

div#admin {
   position:absolute;
   margin-top:-146px;
   margin-left:43px;
}

div#lien {
   position:absolute;
   margin-top:500px;
   margin-left:43px;
}

div#photo {
   position:absolute;
   margin-top:-150px;
   margin-left:180px;
}

div#visiteur {
   position:absolute;
   margin-top:240px;
   margin-left:135px;
}
div#contact {
   position:absolute;
   margin-top:80px;
   margin-left:330px;
}

div#news {
   text-align:center;
   margin:auto;
}

div#image{
   position:absolute;
   width:257px;
   height:280px;
   margin-top:-200px;
   margin-left:200px;
   background:url('../images/UCE.jpg');
}
___________________________________________________________________

[url][/url]