Bonjour,
J'ai un problème de avec mon site il est come je veux avec Mozilla mais pas avec IE voila le code HTML en résumé
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>cv</title>
<style type="text/css">
#nav a{
margin:0;
padding:0;
}
</style>
<style type="text/css"></style>
<link rel="stylesheet" href="embauchez.css"
type="text/css">
</head>
<body>
<div style="color: rgb(232, 232, 232);" id="wrapper">
<div id="header"><span style="color: rgb(0, 0, 0);>Titre du site internet</span>
</div>
<div id="navcontainer">
Barre de navigation
</ul>
</div>
<div id="mainarea">
Contenu principal
</div>
</div>
</body>
</html>
Voila la CSS
#nav a {
margin : 0;
padding : 0;
}
body {
background-color : #4d4d4d;
}
#wrapper {
border : 1px solid black;
margin-top : 5px;
margin-bottom : 5px;
margin-left : 5px;
margin-right : 5px;
}
#header {
clear : both;
height : 50px;
margin-left : 10px;
margin-right : 10px;
margin-top : 10px;
padding-left : 10px;
padding-right : 10px;
padding-top : 10px;
padding-bottom : 10px;
text-align : center;
background-color : #e8e8e8;
vertical-align : bottom;
font-family : sans-serif;
font-size : 30pt;
}
#mainarea {
border-style : dashed;
border-width : 1px;
background-color : #f9f9f9;
font-family : Century Gothic;
margin-left : 180px;
margin-top : 10px;
margin-right : 10px;
text-align : left;
padding-left : 10px;
padding-right : 10px;
padding-top : 10px;
padding-bottom : 10px;
}
#navcontainer {
float : left;
background : #f9f9f9;
width : 160px;
margin-left : 10px;
margin-top : 10px;
padding : 0;
font-family : arial, serif;
font-size : 13px;
text-align : center;
}
ul#navlist {
text-align : left;
list-style : none;
padding : 0;
margin : 0 auto;
width : 100%;
}
ul#navlist li {
display : block;
margin : 0;
padding-top : 2px;
}
ul#navlist li a {
display : block;
width : 160px;
padding : 0;
border-width : 5px;
border-color : #ffe #aaab9c #ccc #fff;
border-style : solid;
color : #777;
text-decoration : none;
background : #f9f9f9;
}
#navcontainer > ul#navlist li a {
width : auto;
}
ul#navlist li#active a {
background : #e6e6e6;
color : #800000;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
color : black;
background : transparent;
border-color : #aaab9c #fff #fff #ccc;
}
h1, h2, h3, h4, h5, h6, h7, h8 {
color : black;
background : none;
font-weight : normal;
margin : 0;
padding-top : 0.5em;
padding-bottom : 0.17em;
border-bottom : 1px solid #aaa;
}
Sur Mozilla la marge pour l'entête est bien respectée mais pas avec IE, w3c me valide ma feuille de style. Es ce que vous pouvez m'aider concernant ce problème.
Je vous remercie d'avance
Configuration: Windows Vista
Firefox 2.0.0.14
Adapter image % css
