voila l'adresse http://unofficialoasis.free.fr , c'est encore la première version mais le problème est egalement présent. Le scroll horizontal a été enlevé dc pr voir la marge créée, il faut utiliser la mollette de la souris...
Voici le css :
<style type="text/css" media="screen">
<!--
A:link {color: #ffffff; text-decoration: none}
A:visited {color: #ffffff ; text-decoration: none}
A:hover {color: #ffffff ; text-decoration: none}
-->
body {
color:black;
background-color:black;
background-image:url(oasis.jpg);
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 31%;
left: 6%;
width:36%;
z-index:100;
}
#menu dl {
margin:none;
float: left;
width: none;
width:42%;
}
#menu dt {
cursor: pointer;
border: none;
margin: none;
}
#menu dd {
display: block;
border: none;
width:"100%";
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
color: #000;
background-color: #ddd;
padding: none;
border: none;
}
#news {
position: absolute;
top: 0%;
left: 42%;
width:42%;
z-index:100;
width:100%;
}
#bio {
position: absolute;
top: 0%;
left: 84%;
width:42%;
z-index:100;
width:100%;
}
#disco {
position: absolute;
top: 0%;
left: 126%;
width:42%;
z-index:100;
width:100%;
}
#gal {
position: absolute;
top: 0%;
left: 168%;
width:42%;
z-index:100;
width:100%;
}
#zone_de_texte {
position: absolute;
top: 65%;
left: 5%;
width:100%;
z-index:100;
}
#bandeau {
position: absolute;
top: 2%;
left: 0%;
width:100%;
z-index:100;
}
#pied_de_page {
position: absolute;
top: 92%;
left: 35%;
width:100%;
z-index:100;
}
</style>
Voila désolé de pas avoir été plus clair tout à l'heure ^^.