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>
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; InfoPath.2)