Bonjour à tous!
j'ai un petit soucis avec IE et je n'ai pas trouvé de documentation pour m'aider... j'espère que qqn ici le pourra... voila mon site: www.emrolle.ch/menu. Sous firefox, c'est presque parfait (mis à part la taille du menu qui n'est pas fixe mais j'ai pas encore cherché pour résoudre ce problème...) mais sur IE, il me répète l'arrondi de mon cadre, et ceci très certainement à cause du texte, mis grâce au z-index...voici ma css:
ainsi que mon code HTML
J'espère que quelqu'un pourra m'aider !!!
A +
Modifié par p_tite_jo (27 Aug 2005 - 15:30)
j'ai un petit soucis avec IE et je n'ai pas trouvé de documentation pour m'aider... j'espère que qqn ici le pourra... voila mon site: www.emrolle.ch/menu. Sous firefox, c'est presque parfait (mis à part la taille du menu qui n'est pas fixe mais j'ai pas encore cherché pour résoudre ce problème...) mais sur IE, il me répète l'arrondi de mon cadre, et ceci très certainement à cause du texte, mis grâce au z-index...voici ma css:
html,body { margin: 0;
background-color: #99CC99;
margin: 0;
padding: 0;
height: 100%;
text-align: center;
font-family: Comic Sans MS;
}
.tete{
background-image: url("../menu/img/tete.gif");
width: 1000px;
height: 120px;
margin: 0 auto;
}
.menu{ position: relative;
background-image: url("../menu/img/menu.gif");
width: 1000px;
height: 32px;
margin: 0 auto;
z-index: 1;
}
.arrondi{ position: relative;
background-image: url("../menu/img/arrondi.gif");
background-repeat: no-repeat;
width: 1000px;
height: 309px;
margin: 0 auto;
}
.main{ position: relative;
background-image: url("../menu/img/main.gif");
width: 1000px;
height: 100%;
margin: 0 auto;
z-index: 2;
}
ainsi que mon code HTML
<html>
<head>
<title>Ecole de musique de Rolle et Environs</title>
<link rel="stylesheet" type="text/css" href="../css/config.css"/>
</head>
<body>
<div class="tete">
</div>
<div class="menu"> <?php include "menu.php"; ?>
</div>
<div class="arrondi">
<p>
blablablablablablablabla blablablablablablablablablablablablablablablabla blablablablablablablabla
blablablablablablablabla blablablablablablablablablablablablablablablabla
blablablablablablablabla
blablablablablablablablablablablablablablablabla
blablablablablablablabla blablablablablablablablablablablablablablablabla
blablablablablablablabla blablablablablablablablablablablablablablablabla
blablablablablablablabla blablablablablablablablablablablablablablablabla blablablablablablablabla
blablablablablablablablablablablablablablablabla
blablablablablablablabla blablablablablablablablablablablablablablablabla
blablablablablablablabla blablablablablablablablablablablablablablablabla blablablablablablablabla
blablablablablablablablablablablablablablablabla
blablablablablablablabla blablablablablablablablablablablablablablablabla
blablablablablablablabla blablablablablablablablablablablablablablablabla blablablablablablablabla
</p>
</div>
<div class="main">
</div>
</body>
</html>
J'espère que quelqu'un pourra m'aider !!!
A +
Modifié par p_tite_jo (27 Aug 2005 - 15:30)