probleme CSS impossible à comprendre !!

[bigs32]

bjs

le CSS de ma barre horizontale ca marche super sur firefox mais j'ai un probleme sur Internet explorer incompressible .Impossible de naviguer sur la barre horizontale .
voici le code

<div class="menu1">
<ul>
<li>&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; </li>
<li><a class="menu1one" href="<?php tep_href_link(FILENAME_DEFAULT)?>">Home</a></li>

</ul>
<ul>
<li><a class="menu1two" href="#Siecle-Paris">Specialite
<!--[if IE 7]><!--></a><!--<![endif]-->
	<table><tbody><tr><td>
	<ul>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(13) ) . '">' . '<span>'.'ART DE TABLE' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(3) ) . '">' . '<span>'.'DECO MAISON' . '</span></a>';?></li>
		<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(27) ) . '">' . '<span>'.'BIJOUX' . '</span></a>';?></li>


	</ul>
	</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu1three" href="#Siecle-Paris">Destinataire
<!--[if IE 7]><!--></a><!--<![endif]-->
	<table><tbody><tr><td>
	<ul>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(57) ) . '">' . '<span>'.'GOURMET' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(56) ) . '">' . '<span>'.'BEBE' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(55) ) . '">' . '<span>'.'Pour LUI' . '</span></a>';?></li>
  <li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(54) ) . '">' . '<span>'.'Pour ELLE' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(53) ) . '">' . '<span>'.'MAISON' . '</span></a>';?></li>

	</ul>
	</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu1four" href="#Siecle-Paris">Evenement
<!--[if IE 7]><!--></a><!--<![endif]-->
	<table><tbody><tr><td>
	<ul>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(59) ) . '">' . '<span>'.'ANNIVERSAIRE' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(60) ) . '">' . '<span>'.'MARIAGE' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(61) ) . '">' . '<span>'.'NAISSANCE' . '</span></a>';?></li>
  <li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(62) ) . '">' . '<span>'.'NOEL' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(63) ) . '">' . '<span>'.'WEEK END' . '</span></a>';?></li>
 <li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(64) ) . '">' . '<span>'.'DINER' . '</span></a>';?></li>
	</ul>
	</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu1five" href="#Siecle-Paris">Objets d'exception
<!--[if IE 7]><!--></a><!--<![endif]-->
	<table><tbody><tr><td>
	<ul>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(65) ) . '">' . '<span>'.'ORFEVRERIE' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(66) ) . '">' . '<span>'.'LINGE DE MAISON' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT,  tep_get_path(67) ) . '">' . '<span>'.'DECOUPAGE POTICOMANIA' . '</span></a>';?></li>

	</ul>
	</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
<li><a class="menu1six" href="#Siecle-Paris">Qui sommes nous ?
<!--[if IE 7]><!--></a><!--<![endif]-->
	<table><tbody><tr><td>
	<ul>
	<li><?php echo '<a href="' . tep_href_link('cgv_concept.php') . '">' . '<span>'.'Concept' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link('cgv_presse.php') . '">' . '<span>'.'Siecle dans la Presse' . '</span></a>';?></li>
	<li><?php echo '<a href="' . tep_href_link('cgv_boutique.php') . '">' . '<span>'.'Boutique 24 rue du Bac' . '</span></a>';?></li>
		<li><?php echo '<a href="' . tep_href_link('cgv_atelier_creation.php') . '">' . '<span>'."L'Atelier" . '</span></a>';?></li>
	</ul>
	</td></tr></tbody></table>
<!--[if lte IE 6]></a><![endif]-->
</li>
</ul>
</div>

et son css

.menu1 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px;
background:url(images/menu1.gif) repeat-x top left; 
border-top:3px solid #4c597f;  border-bottom:3px solid #4c597f;
margin:0 0 20px 0; /* for this demo only */ 
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#ddf; padding:0px 16px; line-height:25px; height:30px; border-bottom:3px solid #fff; 
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#c00; color:#f88;}
.menu1 ul li a.menu1two:hover {border-color:#c60; color:#fc0;}
.menu1 ul li a.menu1three:hover {border-color:#cc0; color:#cc0;}
.menu1 ul li a.menu1four:hover {border-color:#080; color:#0e0;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;}

.menu1 ul li:hover a.menu1one {border-color:#c00; color:#f88;}
.menu1 ul li:hover a.menu1two {border-color:#c60; color:#fc0;}
.menu1 ul li:hover a.menu1three {border-color:#cc0; color:#cc0;}
.menu1 ul li:hover a.menu1four {border-color:#080; color:#0e0;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}

.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

voici le lien du site test
http://www.s223649575.onlinehome.fr/

si vous savez pourquoi ca m'aiderai énormément .
merci d'avance .

 

[tryan]

Si tu supprimes les "border-bottom", sa ne le fait pas mieux sous IE ?

 

[bproductiv]

Hum..j'aurai aimé t'aider, mais à la vue de la source cela va etre difficile, j'ai rarement vu aussi 'crade' et confus.
Que viennent faire ces commentaires conditionnels au milieu du code?? de plus certains ne servent à rien car il n'y a rien dedans..franchement commence par faire le menage, un code sémantique et valide, ensuite on en reparle..
Désolé si ce message te parait agressif, mais avant de chercher à réparer ton css commence par le Ba-ba : le html.

 

[bproductiv]

J'avais pas regarder le site...
Alors déjà commence par mettre un doctype, car en mode quirks c'est sur que tu va galérer.
Ensuite pour faire un simple menu comme celui que tu veux, aucun intéret de mettre tes commentaires conditionnels et tes morceaux de tableaux à gogo, une simple liste et du css suffisent amplement.

 

[bigs32]

Si tu supprimes les "border-bottom", sa ne le fait pas mieux sous IE ?

j'ai viré les bordor bottom
ca fait rien du tout

 

[bigs32]

J'avais pas regarder le site...
Alors déjà commence par mettre un doctype, car en mode quirks c'est sur que tu va galérer.
Ensuite pour faire un simple menu comme celui que tu veux, aucun intéret de mettre tes commentaires conditionnels et tes morceaux de tableaux à gogo, une simple liste et du css suffisent amplement.

j'ai récuperé le code sur un site .Je suis pas tres doué en CSS surtout pour cà.Si tu as un code plus facile franchement je suis preneur .merci d'avance.Marre de galérer franchement !!!

 

[bproductiv]

71 menu css au choix :
http://razvan.seopedia.ro/2006/07/19/71 ... ss-utopic/
ou pour les fainéants, un générateur de menu css plutot stylés :
http://www.cssmenumaker.com/
Enjoy

 

[bigs32]

71 menu css au choix :
http://razvan.seopedia.ro/2006/07/19/71 ... ss-utopic/
ou pour les fainéants, un générateur de menu css plutot stylés :
http://www.cssmenumaker.com/
Enjoy

merci mais il y en a aucun qui fait comme le mien .

 

[bigs32]

71 menu css au choix :
http://razvan.seopedia.ro/2006/07/19/71 ... ss-utopic/
ou pour les fainéants, un générateur de menu css plutot stylés :
http://www.cssmenumaker.com/
Enjoy

celui que j'ai pris est sur ton lien
http://www.cssplay.co.uk/menus/drop_examples.html

 

[pcamliti]

Merci pour le lien.... :wink: