Probleme IE
Bonjour,
je viens de faire un site web, en html et en css, et sous firefox il marche exactement comme je le veux. Sauf que sous IE, c'est a dire que mon body n est pas respecter:
body
{
width: 800px;
margin: auto;
margin-top: 20px;
}
a
{
text-decoration: none;
color: #FFD700;
}
que, mon sommaire avec les menus déroulant ne fonctionnement pas, j'ai utilisé les dl, dt, dd.
Comment faire ?
Merci
je viens de faire un site web, en html et en css, et sous firefox il marche exactement comme je le veux. Sauf que sous IE, c'est a dire que mon body n est pas respecter:
body
{
width: 800px;
margin: auto;
margin-top: 20px;
}
a
{
text-decoration: none;
color: #FFD700;
}
que, mon sommaire avec les menus déroulant ne fonctionnement pas, j'ai utilisé les dl, dt, dd.
Comment faire ?
Merci
Configuration: Windows XP Firefox 3.0.11
7 réponses
-
bonjour
essai: margin: 0 auto;
padding: 0;
width: 800px;
margin: 0 auto;
position: relative; -
Je n'ai pas compris, ou dois je les mettre ?
-
essai: body
margin: 0 auto;
padding: 0;
conteneur
width: 800px;
margin: 0 auto;
position: relative; -
ca ne marche pas !! voici mon code:
body
{
margin: 0 auto;
padding: 0;
width: 800px;
margin: auto;
margin-top: 20px;
}
a
{
text-decoration: none;
color: #FFD700;
}
#en_tete
{
width: 800px;
height: 180px;
background-image: url("images/galactic.jpg");
background-position: center;
background-repeat: no-repeat;
margin-top: 10px;
margin-bottom: 5px;
border-color: #FFD700;
}
#conteneur-menu
{
width: 800px;
margin: 0 auto;
position: relative;
background-color:#0000FF;
height:100px;
position:relative;
margin-bottom:20px;
background-color: #6495ED;
text-align: center;
color: #FFFFFF;
border: 0px solid black;
border-color: #FFD700;
} -
et le code html stp
-
sinon tu peux consulter cà: http://www.alsacreations.com/static/gabarits/liste.html
-
ca marche ie firefox
body
{
margin: 0 auto;
padding: 0;
width: 800px;
margin-top: 20px;
}
a
{
text-decoration: none;
color: #FFD700;
}
#en_tete{
width: 800px;
height: 180px;
background-image: url("images/galactic.jpg");
background-position: center;
background-repeat: no-repeat;
margin-top: 10px;
margin-bottom: 5px;
border-color: #FFD700;
}
#conteneur-menu
{
width: 800px;
margin: 0 auto;
background-color:#0000FF;
height:100px;
position:relative;
margin-bottom:20px;
background-color: #6495ED;
text-align: center;
color: #FFFFFF;
border: 0px solid black;
border-color: #FFD700;
}
</style>
</head>
<body>
<div id="en_tete"></div>
<div id="conteneur-menu">
</div>
</body>
</html>
