Bonjour,
G un probleme d’affichage de mon menu sur IE6. (sur IE7 c impek)
Voilà mon css :
body {font-size: 12px; font-family: Tahoma, Arial; line-height: 140%;background: #333; color: #939393; text-align: center; margin: 0; padding: 0;}
#page {border-top: none; text-align: left; margin: 0 auto;}
#Entete {background: url(images/Entete_fond.jpg) left top repeat-x; height: 170px; padding:0; margin:0;}
#Entete h1 {width: 800px; height: 170px; padding: 0;margin:0 auto; background: url(images/Entete_background.jpg) left top no-repeat;}
#page .menu {height:40px; position:relative; z-index:100; background: url(images/Menu.jpg) left top repeat-x;}
.menu ul {width:800px; margin:0 auto; padding:0px 0px 0px 15px; list-style-type:none;}
.menu li {float:left; width:auto; font-size: 140%;}
.menu a {display:block; text-decoration:none; color:#fff; height:40px; margin-right:33px; line-height:40px;}
.menu a:hover {display:block; text-decoration:none; color:#F39; height:40px; margin-right:33px; line-height:40px;}
#page .contenu {background:#333;}
#page .contenu2 {background: #000 url(images/Contenu.jpg) left top no-repeat; width:690px; margin:0 auto; padding:30px 40px 20px 70px; min-height: 450px;height: auto; height: 450px;}
#footer {background: #000 url(images/Footer.jpg) right top no-repeat; color: #CCC; padding: 30px 0 20px 0; clear: both; width:800px; margin:0 auto;}
#footer p {margin: 0 0 5px 0; padding: 0 30px 0 30px; text-align: left; font-size:11px;}
Voilà mon template :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>[(site_name)] | [*pagetitle*]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="verify-v1" content="Wv3RvwNW6Mk1TwVbrLfPRnSPPkDhypH5ruSYTJV9K7I=" />
<link rel="stylesheet" href="[(base_url)]assets/templates/Speeddating/style.css" type="text/css" media="screen" />
<base href="[(site_url)]" />
</head>
<body>
<div id="page">
<div id="Entete">
<h1></h1>
</div>
<div class="menu">
[[Wayfinder? &startId=`0`]]
</div>
<div class="contenu">
<div class="contenu2">
[*#content*]
</div>
</div>
<div id="footer">
<p>
<strong class="rose">ChezHara © 2008</strong>
<strong class="blanc"><a href="
http://www.chezhara.fr">
http://www.chezhara.fr</a></strong>
</p>
</div>
</div>
</body>
</html>
Je ne comprend pas comment résoudre mon problème sur IE6....
Merci d’avance pour votre aide.
++ Hara