Prob IE effet escalier

erigoal

6 Mar 2008 à 11:13

Bonsoir tout le monde !
Voila j'ai un petit souci l'affichage de mon "site" différe selon qu'il soit sous FF ou IE, sous FF aucun probleme parcontre sous IE mon menu s'affiche sous forme d'escalier...

Apperçu FF

Apperçu IE

Voici mon code HTML si vous désirez m'aider :euh:


<html>
<head>
<title></title>
<link href="simply_blue.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="fond"></div>
<div id="header"></div>
<div id="menu">
        <ul>
                <li><a href="#">Menu 1</a></li>
                <li><a href="#">Menu 2</a></li>
                <li><a href="#">Menu 3</a></li>
                <li><a href="#">Menu 4</a></li>
                <li><a href="#">Menu 5</a></li>
                <li><a href="#">Menu 6</a></li> 
        </ul>
</div>
<div id="cordp"><br /><br /><br /><br /><br /></div>
<div id="footer"></div>
</body>
</html>

Voici mon code CSS


#menu
{ 
  position:absolute;
  height: 42px;
  left: 50%; 
  top: 50%;
  margin-top: -260px;
  margin-left: -390px;
}
 
#menu ul
{
margin: 0px auto;
 
} 
 
#menu li a 
{
  color:#000000;
  background-color:#d2d2d2;
  margin-right:5px;
  display: block; 
  float: left; 
  height: 68px;
  list-style-type: none;
  padding: 3px 19px 2px 19px;
  text-transform: uppercase;
  font: normal 11px/24px verdana, arial, tahoma, sans-serif;
}
 
#menu li a:hover
{
        color:#ffffff;
        background-color:#1f63b0;
        font: normal 11px/24px verdana, arial, tahoma, sans-serif;
}

Voilà si vous avez une idée ou même plusieurs n'hésitez pas !
D'avance merci![

6l20

7 Mar 2008 à 11:03

Bonjour erigoal,

Quelques déclarations qui ne servent à rien, des redites notamment, bref, il faurait voir ce que cela donne au final Smiley cligne

En définissant le comportement des list item, tu devrais normalement résoudre ton petit soucis :


#menu li {
float:left;
list-style-type:none;
}

Cdt,
Sylvain

CSS et mise en forme, CSS3

Prob IE effet escalier