Bonsoir à tous, bon pour mon premier post je vais essayer d'être clair et précis.
Je viens de créer un site Web pour une cave coopérative qui fonctionne très bien sous firefox mais moins bien sur IE
voici le lien : http://www.clairette-adissan.fr/
En effet le menu déroulant est décalé et les sous menus n'apparaissent pas sous IE.
Je vous donne ma page index.html et le css qui va avec :
index.html
la feuille de style :
Voilà je pense que c'est un problème avec mon css mais je tourne en rond et je ne trouve pas
Merci d'avance pour vos réponses
Modifié par jules34 (13 Jun 2007 - 22:32)
Je viens de créer un site Web pour une cave coopérative qui fonctionne très bien sous firefox mais moins bien sur IE
voici le lien : http://www.clairette-adissan.fr/En effet le menu déroulant est décalé et les sous menus n'apparaissent pas sous IE.
Je vous donne ma page index.html et le css qui va avec :
index.html
<?xml version="1.0" encoding="iso-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head><title>Page d'index</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-15"/>
<meta name="GENERATOR" content="Notepad++"/>
<meta name="Description" content="La Clairette d'Adissan. Producteur de vins en Languedoc Roussillon entre Pézenas et Clermont l'Hérault, leader de l'Aoc Clairette du Languedoc sous deux gammes le domaine de l'églantier et le Château d'Adissan, elle produit et également des vins de pays et aoc en blanc, rouge et rosée à la vente au caveau ou dans la grande distribution.La cave coopérative a été fondée en 1928, en 1948 elle a obtenue l'aoc et composée de 200 exploitations familiales, domaines et un château."/>
<meta name="keywords" content="vin, languedoc roussillon, clairette, herault, adissan, aoc, vin rancio, vin blanc, vin rosé, vin rouge, aoc, cave coopérative, adissan, Clermont l'hérault, A75, rosée, rouge, blanc, blanc sec, blanc moelleux, hérault, vins de pays, vin de pays, domaine de l'églantier, château d'adissan, cuvée, caveau, grande distribution, région, vente, achat, producteur, caviste, cépage, vigne, terroir, confrerie, vinification,vendange,palmarès, médaille, récompense, sol, année"/>
<meta name="Author" content="Julien.L"/>
<link rel="stylesheet" href="../feuille_style/style_index.css" type="text/css"/>
</head>
<body>
<center>
<table bgcolor="#cccccc" border="5" cellpadding="0" cellspacing="5" width="970">
<tr>
<td>
<center>
<img src="../media/images/bando01.jpg" width="970" height="160" border="1" alt="bannière"/>
</center>
</td>
</tr>
<tr>
<td>
<ul id="menu">
<li>
<dl class="one">
<dt><a href="index.html" title="Retour à l'accueil">Accueil</a></dt>
</dl>
</li>
<li>
<dl class="two">
<dt>La Clairette</dt>
<dd><a href="logo.html">Le logo</a></dd>
<dd><a href="historique.html">Historique</a></dd>
<dd><a href="chiffres.html">Quelques chiffres</a></dd>
<dd><a href="techniques.html">Techniques de vignifications</a></dd>
<dd><a href="organigramme.html">Organigramme</a></dd>
<dd><a href="diffusion.html">Diffusion</a></dd>
</dl>
</li>
<li>
<dl class="three">
<dt><a href="village.html" title="Vers le village">Le village</a></dt>
</dl>
</li>
<li>
<dl class="four">
<dt>Le vignoble</dt>
<dd><a href="sol.html">Le sol</a></dd>
<dd><a href="cepage.html">Les cépages</a></dd>
<dd><a href="selection.html">La sélection</a></dd>
</dl>
</li>
<li>
<dl class="five">
<dt>La confrérie</dt>
<dd><a href="origine.html">Origine</a></dd>
<dd><a href="objectifs.html">Les objectifs</a></dd>
<dd><a href="chapitre.html">Le Chapitre</a></dd>
<dd><a href="intronisation.html">L'intronisation</a></dd>
</dl>
</li>
<li>
<dl class="six">
<dt>Les produits</dt>
<dd><a href="recherche.html">Recherche</a></dd>
<dd><a href="cavistes.html">Pour les cavistes</a></dd>
<dd><a href="gms.html">Pour les GMS</a></dd>
<dd><a href="../php/classement.php">Classement</a></dd>
<dd><a href="vente.html">Nos points de vente</a></dd>
<dd><a href="commande.html">Bon de commande</a></dd>
</dl>
</li>
<li>
<dl class="seven">
<dt>Le palmarès</dt>
<dd><a href="concours.html">Les concours</a></dd>
<dd><a href="selection_guide.html">La sélection</a></dd>
</dl>
</li>
<li>
<dl class="eight">
<dt><a href="contact.html" title="Nous contacter">Contact</a></dt>
</dl>
</li>
<li>
<dl class="nine">
<dt><a href="newsletter.html" title="Vers newsletter">Newsletter</a></dt>
</dl>
</li>
</ul>
<a href="../admin/choix.html" target="_blank"><img src="../media/petit_logo/web.gif" align="right" alt="Plan du site" border="0" hspace="10"/></a>
<br/><br/><br/><br/><br/><br/><br/>
<center><h1>Bienvenue sur le site de la Clairette d'Adissan</h1></center>
<p align="center">Ce site Web vous offre la possibilité de mieux connaître notre cave coopérative<br/> d'Adissan : <a href="historique.html">La Clairette</a>, mais aussi notre <a href="village.html">village</a>. Si vous voulez en savoir<br/> plus sur le <a href="sol.html">sol</a>, <a href="cepage.html">les cépages</a> de La Clairette ou bien l'<a href="origine.html">origine de notre confrérie</a>, <br/>vous trouverez tout ce qu'il vous faut sur ce site. <br/>
<br/>
Notre gamme de produit vous est présentée : pour <a href="cavistes.html">les cavistes</a> et pour <br/><a href="gms.html">les grandes et moyennes surfaces</a>, ainsi que nos <a href="vente.html">points de vente dans toute la France.<br/></a> Vous pourez profitez de notre <a href="commande.html">bon de commande</a> en ligne pour créer votre panier <br/>et recevoir vos commandes. De plus vous allez pouvoir faire une <a href="recherche.html">recherche</a><br/> parmi notre gamme de produits.<br/>
<br/>
Ce site est bien plus qu'un site d'information, venez découvrir notre cave <br/>coopérative à <a href="javascript: window.open('plan.html','','status=no,left=0,top=0, width=560,height=400,top=0,left=0'); void('');">Adissan</a> et profitez de nos plus bons vins.</p>
<a href="plan_site.html">"Plan du site"</a>
</td>
</tr>
</table>
<font size="2px" style="font-family:Verdana, Arial, Helvetica, sans-serif">
2 avenue du Général de Gaulle -
34230 ADISSAN -
Tél.: <b>04 67 25 01 07</b> -
E-mail : <a href="mailto:info@clairette-adissan.fr"><b>info@clairette-adissan.fr</b></a> -
Fax : 04 67 25 37 76 <br/>
<u><b>L'abus d'alcool est dangereux pour la santé - A consommer avec modération</b></u>
<a href="http://validator.w3.org"><img
src="../media/petit_logo/xhtml.png"
alt="Valid XHTML 1.0 Transitional"/></a>
<a href="http://jigsaw.w3.org/css-validator/"><img
src="../media/petit_logo/css.png"
alt="Valid CSS"/></a>
</font><br/>
</center>
</body>
</html>la feuille de style :
@charset "utf-8";
/* CSS Document */
A:link {text-decoration: none; color:#990134}
A:visited {text-decoration: none; color: #990134}
A:active {text-decoration: none; color: #999966}
A:hover {text-decoration: none; color:#CC0066}
body {
background-color:#999966;
margin: 0pt;
}
h1 {
font-family:"Monotype Corsiva";
}
p {
font-size:18px;
}
td {
background-image:url(../media/images/feuille.jpg);
text-align:justify;
background-position:center;
}
#menu {list-style-type:none; padding:0pt; text-align:center;}
#menu li {float:left; padding:0pt; margin:0px 7px 0px 0px; position:relative; width:100px; height:1em; z-index:100;}
#menu li dl {position:absolute; top:-16px; left:0px;}
#menu li dd {display:none;}
#menu li a:hover {border:0pt; background:#949e7c;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu dl {width: 110px; margin: 0pt; padding: 0pt; background: #c9ba65; width:116px;}
#menu dt {margin:3px; font-size: 1.1em; color:#f7e070;}
#menu .one dt {background: #999966;}
#menu .two dt {background: #999966;}
#menu .three dt {background: #999966;}
#menu .four dt {background: #999966;}
#menu .five dt {background: #999966;}
#menu .six dt {background:#999966;}
#menu .seven dt {background: #999966;}
#menu .eight dt {background:#999966;}
#menu .nine dt {background:#999966;}
#menu dd {margin:2px; padding:0pt; font-size: 1em; text-align:left;}
#menu dt a, #menu dt a:visited {display:block; color:#f7e070;}
#menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; width:130px;}
#menu .two dd a {background:#339966; color:#ff8;}
#menu .four dd a {background:#339966; color:#ff8;}
#menu .five dd a {background:#339966; color:#ff8;}
#menu .six dd a {background:#339966; color:#ff8;}
#menu .seven dd a {background:#339966; color:#ff8;}
#menu .two dd a:hover {background: #949e7c; color:#543;}
#menu .four dd a:hover {background: #949e7c; color:#543;}
#menu .five dd a:hover {background: #949e7c; color:#543;}
#menu .six dd a:hover {background: #949e7c; color:#543;}
#menu .seven dd a:hover {background: #949e7c; color:#543;}
Voilà je pense que c'est un problème avec mon css mais je tourne en rond et je ne trouve pas
Merci d'avance pour vos réponses
Modifié par jules34 (13 Jun 2007 - 22:32)
