18041 sujets

Questions générales et questions de débutants

[résolu] Menu vertical diff sous FF et IE

Salut, je suis confronté à un souci avec un code de menu vertical, sous FF il est bien compact, comme ça ->
http://www.photo-cichlide.perspicax.com/banniere/saisie-menuvertic-ff.jpg

Mais sous IE, il s'étale énormément vers le bas, comme ça ->
http://www.photo-cichlide.perspicax.com/banniere/saisie-menuvertic-ie.jpg

LE code est fait comme ça :
<!--
		/***************/
		/* Menu vertical */
		/***************/
			#nav {
				width: 350px;
				list-style: none;
				margin: 0;
				padding: 0;
				font-size: 1em;
				}
			#nav li {
				background: none;
				color: none;
				border: 1px solid none;
				margin-bottom: 1px ;
				}
			#nav li a {
				display: block;
				background: none;
				color: none ;
				font: 1em Arial,"Trebuchet MS",sans-serif;
				line-height: 1em;
				padding: 4px 0;
				text-align: left;
				text-decoration: none;
				line-height: 10px;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: none;
				text-decoration: underline;
				}
				.barres {
				margin-left: 3em;
				}
				#droite {
				float: right;
				margin-right: 5em;
				margin-top: 7em;
				}
			-->


Le html donne ça :
<ul  id="nav">
			<li>
            <a title="Toutes les nouveautés du lac Tanganyika." href="http://www.destin-tanganyika.com/Nouveautes/destination-tanganyika-2009.htm">Nouveautés</a>
            </li>
			<li>
            <a title="Être informé des nouvelles cichlidophiles par les flux rss." href="http://www.destin-tanganyika.com/flux-rss-aquariophilie.htm">Tous les flux cichlidophiles</a>
            </li>
			<li>
            <a title="Tous les cichlidés du lac Tanganyika en photographies, gravures, timbres, planches." href="http://www.destin-tanganyika.com/Galerie/galerie-cichlides-ab.htm">Galerie Cichlidés du Tanganyika</a>
            </li>
			<li>
            <a title="Articles cichlidophiles | le cichlidé en aquariums | la maintenance des cichlidés du lac Tanganyika." href="http://www.destin-tanganyika.com/Articles-especes-Tanganyika/">Articles Cichlidés &amp; Autres poissons</a>
            </li>
			<li>
            <a title="Articles sur le Lac Tanganyika hors des cichlidés | non aquariophiles |" href="http://www.destin-tanganyika.com/Articles-divers/">Articles cichlidophiles Divers</a>
            </li>
			<li>
            <a title="Photographies de poissons et autres végétaux, animaux, pour agrémenter votre bureau." href="http://www.destin-tanganyika.com/Fonds-ecran/">Papiers peints &amp; fonds d'écran</a>
            </li>
			<li>
            <a title="Documents d'époque, descriptions des cichlidés du Tanganyika." href="http://www.destin-tanganyika.com/Descriptions/">Descriptions / Documents anciens</a>
            </li>
            			
		</ul>
		
	  <p class="barres">____________<img src="http://www.destin-tanganyika.com/images/bando-callochromis.gif" align="right" width="500" height="250" alt="Callochromis melanostigma"></p>
	  
	  	<ul  id="nav">
	  		
			<li>
            <a title="Tous les poissons du lac Tanganyika et son drainage, bassin versant." href="http://www.destin-tanganyika.com/Galerie/">Galerie des Espèces du Tanganyika</a></li>
			<li>
            <a title="Musées | aquariums publics | locariums | fishroom |" href="http://www.destin-tanganyika.com/Aquariums-publics-balades/">Aquariums publics / Balades aquariophiles</a></li>
			<li>
            <a title="Destination Tanganyika | Glossaire de la cichlidophilie moderne | lexique, dictionnaire aquariophile." href="http://www.destin-tanganyika.com/glossaire/index_glossaire_a.htm">Glossaire cichlidophile / aquariophile</a></li>


Voilà, qu'est ce qui est à corriger pour avoir la même apparence sous IE que sous FF ?

Merci, Benoît.
Modifié par Benoit1 (16 Mar 2009 - 12:08)
à première vue sans entrer dans le détail du code
étant donné que FF et IE n'interprètent pas les marges de la même façon
je me dit qu'il faudrait peut être regarder le doctype
Sujet clos
Aller à