Problème d'apparition d'une DIV sous Firefox

Question

Bonjour,

J'ai un léger soucis dans la création de mon site. En haut de ma page, j'ai un fond (qui s'appelle #menu) et dessus, j'ai une dispo inline de 7 boutons qui vont permettre la navigation à travers le site. Mes boutons sont correctement positionnés mais ils n'apparaissent pas sur Firefox 4 ou Safari.

Si qqun pouvait m'aider, ça serait très sympathique. Je joints les codes pour mieux comprendre.

#entete {
	height: 280px;
	width: 1000px;
	background-image: url(images/bann.png);
}
#menu {
	height: 45px;
	width: 1000px;
	position: absolute;
}
#navigation {
	text-align: center;
	list-style: none;
	position: absolute;
	height: 25px;
	width: 1000px;
	top: 290px;
}
#navigation li{
	display: inline;
	color: #fff;
}
#navigation li a{
	background: #000 url(images/bouton_rollover.jpg) left top no-repeat;
	color: #fff;
	font: 0.5em "Verdana, Geneva, sans-serif";
	text-align: center;
	text-decoration: none;
	padding-right: 5px;
	margin-left: 5px;
	padding-left: 5px;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active{
	background: #666 url(images/bouton_bleu.jpg) right top no-repeat;
	text-decoration: none;
}
#contenu {
	background-image: url(images/fond.jpg);
	background-repeat: repeat-y;
	height: 1000px;
	width: 1000px;
	position: absolute;
	top: 325px;
}
#barretxthaut {
	background-image: url(images/barretxthaut.png);
	height: 50px;
	width: 800px;
	position: relative;
	top: 100px;
	left: 100px;
	font-family: "Verdana, Geneva, sans-serif";
	font-size: 30px;
}
#conttext {
	background-image: url(images/fondtxt.png);
	height: 500px;
	width: 790px;
	position: relative;
	left: 100px;
	top: 80px;
	text-indent: 10px;
	font-size: 20px;
	line-height: normal;
	color: #FFF;
	text-align: left;
	font-family: "Verdana, Geneva, sans-serif";
	padding-left: 10px;
}
#barretxtbas {
	background-image: url(images/barretxtbas.png);
	height: 50px;
	width: 800px;
	position: relative;
	left: 100px;
	top: 80px;
}
#bas_de_page {
	background-image: url(images/bas_de_page.png);
	height: 60px;
	width: 1000px;
	position: absolute;
	top: 1305px;
}
-->
</style></head>

<body>
<div id="coming">
  <table width="1000" border="0" cellpadding="0" cellspacing="0" style="background-image: url(images/background2.jpg);">
  </table>
  <div id="entete"></div>
  <div id="menu"><img src="images/fond_boutons4.png" alt="barre menus" width="1000" height="45" vspace="0" /></div>
  <ul id="navigation">
<li><a href="accueil.htm">Accueil</a></li>
<li><a href="site.htm">Le Site</a></li>
<li><a href="news.htm" title="">News</a></li>
<li><a href="réalisations.htm" title="">Réalisations</a></li>
<li><a href="projets.htm" title="">Projets</a></li>
<li><a href="livre.htm" title="">Livre d'Or</a></li>
<li><a href="contact.htm" title="">Contact</a></li>
  </ul>

Afficher la suite

Configuration: Mac OS X / Firefox 4.0.1 / Dreamweaver CS4

Clementinou · Answer

UP ! Quelqu'un a une idée ? Parce que moi je suis à court, je ne trouve rien...

Problème d'apparition d'une DIV sous Firefox

1 réponse

Votre réponse

Discussions similaires

Newsletters