Bon, j'ai un peu parcouru par recherches le forum, j'ai essayé qques trucs dans mon css, mais ça n'a rien donné...
J'ai mis
ici une page simplifiée présentant le pb sous IE (paser la souris sur certains liens du menu de gauche : une bande blanche apparait sur totue la largeur de la fenetre !!!)
Je n'ai trouvé aucun bug qui pouvait correspondre à ce que j'ai... J'ai pourtant essayé des solutions pour les bugs qui y ressemblaient...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Site Web du club de l'ALE Volley-Ball</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
@import url("g_fixe.css");
</style>
<SCRIPT LANGUAGE="JavaScript">
function popupcentree(page,largeur,hauteur,options){
var top=(screen.height-hauteur)/2;
var left=(screen.width-largeur)/2;
window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
}
</script>
</head>
<body>
<div id="conteneur">
<div id="header"><img src="../images/BA_Volley_ALEv02.jpg" alt="ALE Volley" border="0" /></div>
<div id="haut">
<ul id="menuhaut">
<li><a href="index.php">ACCUEIL</a> :: </li>
<li><a href="equipe_page.php?equipe=1">Régionale Mecs</a> :: </li>
<li><a href="equipe_page.php?equipe=2">Régionale Filles</a> :: </li>
<li><a href="../forom/index.php">Forum</a> :: </li>
<li><a href="../images/album/browser.php">Photos</a> :: </li>
<li><a href="contacts.php">Contact</a></li>
</ul>
</div>
<div id="contenu">
<img src="../images/Cadre_Haut.jpg" width="760" height="19" alt="Photos !!!" />
<div id="gauche">
<ul class="menugauche">
<li><a href="index.php" title="Accueil">ACCUEIL</a></li>
<li><a href="presentation.php" title="Présentation du club">Présentation</a></li>
<li><a href="equipes_page.php" title="Equipes">Equipes</a></li>
<li><a href="../forom/index.php" title="Forum" target"_blank">Forum</a></li>
<li><a href="reglement.php" title="Règlement">Règlement</a></li>
<li><a href="../images/album/browser.php" title="Galerie d'images">Galerie</a></li>
<li><a href="gym_plan.php" title="Plan du gymnase">Plan d'accès</a></li>
<li><a href="recrutement.php" title="Recrutement">Recrutement</a></li>
<li><a href="arbitrages.php">Arbitrages</a></li>
<li><a href="liens.php" title="Liens">Liens</a></li>
<li><a href="contacts.php" title="Contacts">Contacts</a></li>
<li><a href="admin.php" title="Réservé au webmaster !!!">Admin.</a><img border="0" src="../images/cliparts/lock.jpg"height="12"></li>
</ul>
<br>
<br />
</p>
</div>
<div id="droite"></div>
<div id="centre">
<br /><br />
</div>
</div>
<img src="../images/Cadre_Bas.jpg" width="760" alt="Photos" />
<div id="pied">
<p class="copyright">Copyright © 2004-2005 ALE Volley-Ball - All rights reserved.</p>
<br />
</div>
</div>
</body>
</html>
et le CSS :
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
p
{
margin: 0 0 0 0;
font-family: Verdana, Arial;
text-align: left;
font-size: 11px;
}
/* LES BLOCS DIV */
#header {
height: 99px;
}
#haut {
background-image: url(../images/Menu_horizontal.jpg);
background-repeat: no-repeat;
height: 25px;
}
#conteneur {
position: absolute;
width: 760px;
left: 50%;
margin-left: -375px;
/*margin-bottom: 100px;*/
}
#contenu {
background-image: url(../images/Cadre_bords.jpg);
background-repeat: repeat-y;
/*margin-bottom: -15px;*/
}
#centre {
margin-top: -18px;
margin-left: 125px;
width: 625px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
height: auto !important;
height: 380px; /* because ie suxxe */
min-height: 380px;
}
#gauche {
/*margin-top: -5px;*/
position: absolute;
left: 0;
width: 120px;
padding: 5px;
/*margin-left: 2px;*/
}
#pied {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
text-align: center;
color: #938C73;
display:block;
}
/* PROPRIETES DES LIENS DU BLOC #centre */
#centre a {
color: #3534CD;
text-decoration: none;
}
#centre a:hover {
color: #000000;
text-decoration: none;
}
/* PROPRIETES DES LIENS DU BLOC #pied */
/**
#pied a {
color: #3534CD;
text-decoration: underline;
}
#pied a:hover {
color: #FBAD05;
text-decoration: none;
}
//*/
/* PROPRIETES DES LIENS DU BLOC #haut */
#menuhaut {
font-weight: bold;
text-align: center;
color: #F2F1EC;
list-style-type: none;
margin: 0;
padding: 5px 0 0 0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #F2F1EC;
text-decoration: none;
}
#menuhaut a:hover {
color: #FCD580;
text-decoration: none;
}
/* PROPRIETES DES LIENS DU BLOC #gauche */
.menugauche {
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 10px;
}
.menugauche li {
margin-bottom: 4px;
}
.menugauche a {
color: black;
text-decoration: none;
}
.menugauche a:hover {
color: #3534CD;
text-decoration: none;
}
/* LIENS DES NOMS DES JOUEURS SUR equipe_page.php */
.lienbleu {
list-style-type: none;
margin: 0;
padding:0;
}
.lienbleu a {
margin: 0 2px;
color: #000000;
font-weight: bolder;
text-decoration: none;
}
.lienbleu a:hover {
font-weight: bolder;
color: #3534CD;
}
/* VARIANTES DE LA BALISE <p> */
.time {
font-size: 10px;
text-align: center;
font-weight: bold;
}
.centre {
text-align: center;
}
.gauche_res {
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}
.droite_res {
font-size: 12px;
font-weight: bold;
text-align: right;
}
.droite_res_red {
font-size: 14px;
font-weight: bold;
text-align: right;
color: red;
}
.copyright {
color: #3534CD;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
font-weight: bold;
}
/* BALISES DES TITRES */
h1 {
font-family: Arial, Verdana;
font-size: 12px;
font-weight: bold;
}
h2 {
font-family: Verdana, Arial;
font-size: 12px;
font-weight: bold;
font-style: italic;
text-align: center;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000099;
}
Merci d'avance aux fous qui se plongeront dans mon code...
