28173 sujets

CSS et mise en forme, CSS3

Salut à tous,

J'ai un problème avec le menu de mon site qui s'affiche ainsi sous IE7 :
http://easy-upload.net/fichiers/apercuIE.20079883440.jpg
Le menu est tout bizzare Smiley biggol

Avec Firefox (I love Firefox ! Smiley lol )
http://www.easy-upload.net/fichiers/apercuFF.20079883650.jpg
Il sort Nickel (avec Opera, Konqueror....).
Vu que j'ai encore bcp de visiteurs qui tournent sous IE.

<style type="text/css" media="screen">
<!-- 
body {
margin: 0;
padding: 0;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: absolute; /* placement du menu, à modifier selon vos besoins */
	top: 0;
	left: 0;
	height: 244px;
}
#menu {
width: 143px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 30px;
line-height: 15px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #00CCFF;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #FFFFFF;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #00CCFF;
}
-->
</style>

<dl id="menu">

		<dt><a href="index.php">Accueil</a></dt>
			
		<dt>Découvrir ****<br/></dt>

			<dd id="smenu2">
				<ul>
					<li><a href="rubrique.php?page=situation">Situation</a></li>
					<li><a href="rubrique.php?page=histoire">Histoire</a></li>

					<li><a href="rubrique.php?page=demographie">Démographie</a></li>
				<li><a href="rubrique.php?page=photos">Galerie Photos</a></li>
				</ul>
			</dd>	

		<dt onclick="javascript:montre('smenu3');">Vivre à **</dt>

			<dd id="smenu3">
				<ul>
					<li><a href="rubrique.php?page=actu">Actu'</a></li>
					<li><a href="rubrique.php?page=vins">Les vins</a></li>

					<li><a href="rubrique.php?page=infospratiques">Infos Pratiques</a></li>
					<li><a href="rubrique.php?page=agenda">L'agenda</a></li>
					<li><a href="rubrique.php?page=lecteurvideo">Vidéos</a></li>
				</ul>
			</dd>

		<dt>Le site</dt>

			<dd id="smenu4">
				<ul>
					<li><a href="rubrique.php?page=contact">Contact</a></li>
					<li><a href="http://www.livre-dor.net/livre?livredor=***">Livre d'or</a></li>
				</ul>
			</dd>
</dl>

<p>


Comme vous avez pu le voir, le menu vient d'Alsacreations j'y ai juste apport qqes modifications.

Y'a t-il une solution à ce problème ? Ou dois-je mettre un menu texte pas bô Smiley decu

merci
Résolu
suffit de remplacer
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
height: 244px;
par
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;