[Résolu] Problème de menu - Au secours FireFox est pas gentil!! par --Human-- - page 1

Salut!
J'ai un problème de menu sous firefox qui me donne ca:
Ici
Et voici les codes de mes pages index.html et default.css
Index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-87456-1";
urchinTracker();
</script>

<head>
<title></title>

<link rel="stylesheet" type="text/css" href="default.css" />
<link rel="stylesheet" type="text/css" href="niftyCorners.css" />
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print" />
<LINK REL="SHORTCUT ICON" HREF="favicon.png">
<script type="text/javascript" src="nifty.js"></script>
<script type="text/javascript">
window.onload=function()
{
if(!NiftyCheck())
return;

Rounded("div#header", "bottom", "#E6E6E6", "#FFFFFF", "smooth");
Rounded("div#menu", "all", "#E6E6E6", "#FFFFFF", "smooth");
Rounded("div.titre", "all", "#FFFFFF", "#E6E6E6", "smooth");
Rounded("div.contenu", "all", "#E6E6E6", "#FFFFFF", "smooth");
Rounded("h3", "all", "#E6E6E6", "#E57214", "smooth");
}
</script>
</head>

<body>
<div id="main">

<div id="header">
   <img src="Images/logo.bmp" alt="Logo de " class="img_header" />
      </div>
<span class="date">
<SCRIPT language=JavaScript>

</SCRIPT>
<SCRIPT language=JavaScript>

</SCRIPT></span>

<div id="menu">
<h2><div class="titre">» Site</div></h2>
<ul>
<li><a href="index.htm" title="Retour à l'accueil">Accueil</a></li>
<li><a href="" title="Le forum (Question, Suggestion, Bug ?)">Forums</a></li>
<li><a href="" title="Le livre d'or pour donner vos commentaires constructifs sur le site">Livre d'or</a></li></ul>

<h2><div class="titre">» Membres</div></h2>
      <span class="espace_membres">
<form action="" method='post'>
   Pseudo :<input type="text" name="login" maxlength="15" class="pseudo-pass">
   <br />
   Pass :<input type="password"name="pass" maxlength="12" class="pseudo-pass2">
   <br />
   <input type="submit" value="Connection !!">
   <br />
   <a href="">Mot de passe perdu?</a>
   </form></span>

<h2><div class="titre">» Partenaires</div></h2>
<ul>
<li><a href="http://sarcia.freezee.org/" title="Sarcia - Le site officiel">Sarcia.freezee.org</a></li>
<li><a href="http://www.ororea.com" title="Le Site du Zér0">Siteduzero.com</a></li>
</ul>
</div>

<div id="main_contenu">

<div class="contenu">
<h2><div class="titre">
» Niouz
</div>
</h2>
Ici il faut insérer les niouz!
<br />
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin luctus massa nec augue.
Donec lacinia libero in nulla. Quisque scelerisque libero sit amet justo.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris porttitor molestie quam.
Nulla facilisi. Nam eu lacus in tortor faucibus egestas. Suspendisse potenti.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam pretium euismod nisl.
Donec quis orci.
<br />
<br />
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Donec nibh nibh, ullamcorper ut, aliquam ut, egestas at, nisl. Fusce sapien metus,
accumsan vehicula, lobortis eu, ultricies id, nibh.
Suspendisse non sapien id elit iaculis vulputate. Praesent turpis.
Nunc sit amet lectus ut elit cursus lobortis. Ut nulla mauris, sagittis et, sodales sit amet,
varius nec, erat. Curabitur porta nisl sed nunc. Sed non erat. Curabitur cursus sapien ac tellus.
In egestas felis eget nibh. Nunc lectus. Fusce cursus neque eget justo.
Sed ac tortor id ante rutrum malesuada. Nullam nulla. Integer eu ligula et ipsum imperdiet rhoncus. Aenean libero diam, ultrices vitae, ullamcorper non, ornare non, felis. Etiam turpis nisl, congue id, placerat ut, interdum vel, felis.
<br />
<br />
Quisque eu mi ut eros tincidunt cursus.
Maecenas sapien. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Fusce volutpat. Praesent tellus mi, accumsan et, sagittis eget, congue ut, risus.
Ut tempor ligula rutrum lorem. Nunc et augue sit amet nibh ullamcorper varius.
Aenean volutpat scelerisque libero. In erat lacus, pulvinar at, pulvinar ut, venenatis id, ipsum.
Pellentesque at enim. Sed ac dui at sem aliquam aliquet. Sed ut erat vel augue commodo convallis.
Praesent pharetra, odio non imperdiet elementum, sapien metus fringilla tortor,
sed rhoncus mauris urna eu tortor. Ut vulputate. Nunc facilisis quam. Nam ut justo.
Donec porttitor augue id magna. Quisque vehicula pulvinar justo.
<br />
</p>
</div>

<div class="contenu">
<h2><div class="titre">
» Découvrir...
</div>
</h2>

<a href="http://sarcia.freezee.org" style="text-decoration: underline;" title="Visiter ce site">
Sarcia
</a>

<p style="font-style: italic;">"Le site officiel du jeu Sarcia, crée par Kaëlar,
Mettant en scène Weran un jeune homme qui vit dans un monde étrange..."</p>
</li>

<li>
<span style="font-weight: bold;">
<a href="http://www.siteduzero.com" style="text-decoration: underline;" title="Visiter ce site">
Le Site du Zér0
</a>
</span>

<p style="font-style: italic;">
"LE site par excellence, d'après moi, pour apprendre la création de site web, le PHP, le C/C++,
le Mapping et plein d'autres choses crée par les 'Zér0s' !!
</p>

</div>

</body>

</html>

Default.css

body {
margin: auto;
padding: 0;
background: #e6e6e6;
font-family: verdana, tahoma, helvetica, arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

a img {
border: 0;
}

input, textarea {
background-color: #fff;
border: 0;
padding: 0.3em;
font-size: 12px;
text-align: left;
border: 1px solid #a3a3a3;
color: #a3a3a3;
}

select {
color: #a3a3a3;
}

textarea {
width: 80%;
height: 15em;
}

#formulaire #titre {
width: 80%;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

h2 {
color: #79D700;
font-weight: bold;
font-size: 17px;
margin: 0.5em;
}

h2 a {
color: #e57214;
font-style: italic;
}

h3 {
background: #e57214;
color: #fff;
font-size: 15px;
text-align: center;
margin-bottom: 0.3em;
}

h3 a {
color: #fff;
}

h3 span {
padding: 0.5em;
}

ul, p, table {
margin: 0;
padding: 0;

margin-left: 1em;
padding: 0.3em;
}

form {
margin: 0;
padding: 0;
}

table {
border-top: 1px solid #a3a3a3;
border-left: 1px solid #a3a3a3;
width: 95%;
border-spacing: 0;
font-size: 12px;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 0;
border-collapse: collapse;
}

table td, th {
border-right: 1px solid #a3a3a3;
padding: 0.3em;
text-align: center;
border-bottom: 1px solid #a3a3a3;
}

table td, tr {
background: transparent;
}

table th {
background: #e6e6e6;
color: #a3a3a3;
text-align: left;
}

table th a {
color: gray;
}

li {
list-style: none;
padding: 0.3em;
}

a {
color: #5f5f5f;
text-decoration: none;
}

a:hover {
font-weight: bold;
color: #5f5f5f;
}

div#main {
margin: auto;
width: 95%;
}

div#main div#header {
margin-bottom: 0.5em;
background-color: #FFFFFF;
color: #a3a3a3;
font-weight: bold;
}

.img_header
{
margin: auto;
}

.pseudo
{
color: #79d700;
}
.pseudo-pass
{
width: 56px;
margin-bottom: 2px;
margin-left: 5px;
color: #79d700;
font-weight: bold;
}

.pseudo-pass2
{
width: 50px;
margin-bottom: 2px;
color: #79d700;
font-weight: bold;
}

.image_header{
width: 55px;
margin-right: -60px;
}

.date
{
color: #000000;
margin-top: 10px;
font-weight: bold;
}

div#main div.titre_niouz {
width: 100%;
float: left;
background: #E6E6E6;
}

div#main div#menu {
width: 20%;
height: ;
margin-top: 1px;
float: left;
background: #FFFFFF;
}

div#main div.titre {
width: 100%;
float: left;
background: #E6E6E6;
}

div#menu li, div#menu ul {
margin: 0;
padding: 0;
font-weight: bold;
}

div#main div#menu a {
display: block;
padding: 0.4em;
padding-left: 1em;
text-decoration: underline;
}

div#main div#menu a:hover {
text-decoration: none;
font-weight: bold;
text-decoration: overline underline;
}

div#main div#main_contenu {
width: 78%;
float: right;
}

div#main div#main_contenu div.contenu {
background: #fff;
margin-bottom: 0.3em;
color: #a3a3a3;
}

table tr#gray {
background: #DCDCDC;
}

Merci d'avance et bonne chance

Problème de menu

Au secours FireFox est pas gentil!!

Problème de menu

Supprimer

Modérer

Signaler le message aux modérateurs