problème de design sous IE

[jeandu59]

Bonjour à tous,

j'ai un problème avec le désign de mon site sous IE. par contre sur firefox marche niquel. mon site

code css :

body
{
width:800px;
margin:0 auto; /* centrer la page */
padding:0;
background-image:url("kit/fond2.jpg"); /* motif du fond de la page */
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
}

.conteneur
{
width:800px;
margin:0 auto 0 auto;
padding:0;
background-image:url("kit/fond-parchemin.gif");
background-repeat:repeat-y;
}
#parchemin
{
width:740px;
padding:0px;
margin:10px !important;
margin:10px;
}

#header
{
width:747px; /* largeur de la banniere */
height:296px; /* hauteur de la banniere */
margin: 0 auto 0 auto; /* centre la bannière */
padding:0;
background:url("kit/banniere6.jpg"); /* votre bannière içi ! */
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
}

#header h1    /* Titre de votre site web */
{
margin-top:5px; /* position par rapport au haut du cadre */
color:white; /* couleur du texte */
font-family:"Times New Roman", serif; /* police des caractères */
font-size:2.5em; /* taille des caractères */
text-align:center;
}

#menu_gauche
{
width:130px;
margin:0;
padding:8px;
float:left;
}

#menu_gauche .rubrique_liens
{
width:130px;
margin:0;
padding:0;
border-left:1px solid #8a7e7e;
border-right:1px solid #8a7e7e;
text-align:center;
background-image:url("kit/fond-menu.jpg");
background-repeat:repeat-y;
}

#menu_gauche .rubrique_liens_supp
{
width:130px;
margin:0;
padding:0;
border-left:1px solid #8a7e7e;
border-right:1px solid #8a7e7e;
border-bottom:2px solid #8a7e7e;
text-align:center;
background-image:url("kit/fond-menu.jpg");
background-repeat:repeat-y;
}

#menu_gauche .rubrique1  /* pour le titre de la rubrique */
{
width:130px;
height:21px;
margin:0;
padding:0;
border-top:2px solid black;
border-bottom:2px solid black;
background-image:url("kit/fond-titre-rubrique.jpg");
background-repeat:repeat-y;
color:#ffffff; /* couleur du texte */
font-family:arial, serif; /* police du texte */
font-weight:bold;
font-size:1.0em; /* taille du texte */
text-align:center; /* alignement du texte */
}

#menu_gauche .rubrique p /* texte dans les rubrique de la colonne de gauche */
{
display:block;
width:121px;
margin-top:7px;
margin-bottom:7px;
margin-left:14px;
text-align:justify; /* alignement du texte dans les blocs de texte dans la colonne de gauche */
font-size:0.8em;
 }

#menu_gauche .rubrique_liens a , #menu_gauche .rubrique_liens_supp a
{
display:block;
width:130px;
height:19px;
margin:0;
padding:0;
color:black;
font-family:"Trebuchet ms", serif;
font-size:0.8em;
text-decoration:none;
background-image:url("kit/fond_menu.jpg");
}

#menu_gauche .rubrique_liens a:visited , #menu_gauche .rubrique_liens_supp a:visited
{
font-family:"Trebuchet ms", serif;
font-size:0.8em;
text-decoration:none;
}

#menu_gauche .rubrique_liens a:hover , #menu_gauche .rubrique_liens_supp a:hover
{
font-family:"Trebuchet ms", serif;
font-size:0.8em;
text-decoration:none;
color:black;
background-image:url("kit/fond-menu-hover.jpg");
}

#menu_gauche .rubrique_liens a:active , #menu_gauche .rubrique_liens a:active
{
font-family:"Trebuchet ms", serif;
font-size:0.8em;
text-decoration:none;
}

#signature
{
width:130px;
margin:0;
padding:0;
color:black;
font-family:"Trebuchet ms", serif;
font-size:0.7em;
text-align:center;
}

#signature p
{
margin:24px 0 0 0;
}

#signature a {color:red;text-decoration: none;}
#signature a:hover {color:blue;}
#signature a:active {color: green;}

.css_valid
{
margin:15px 0 0 24px;
border:0;
}

.css_valid a img , #firefox a img
{
border:none;
}

#firefox
{
margin:15px 0 0 6px;
}

.corps
{
width:580px;
margin:0 0 0 148px;
padding:0;
text-align:center;
}

.corps a {color:green;text-decoration:underline; font-weight:bold;}
.corps a:visited {color:blue;text-decoration:none;}
.corps a:hover {color:red;}
.corps a:active {color:fuchsia;}

.corps h3
{
width:562px;
height:42px;
margin:0 auto;
font-family: "Trebuchet ms", serif;
color:#000000;
font-size:1.3em;
text-align:left;
border-top:2px solid black;
border-bottom:2px solid black;
background-image:url("kit/fond-barre.jpg");
background-repeat:no-repeat;
background-position:right;
}

.corps h1
{
margin-top:7px;
margin-bottom:7px;
font-family: "Trebuchet ms", serif;
font-size: 2.4em;
text-align:center;
color:black;
}

.corps #nuage
{
margin:0;
padding:0;
background-image:url("kit/fond-cadre-corps55.jpg");
background-repeat:repeat-y;
border-bottom:2px solid #8a7e7e;
}

.corps .news
{
width:580px;
margin:0 auto;
padding:0;
border-left:1px solid #8a7e7e;
border-right:1px solid #8a7e7e;
}

.corps .news p
{
margin:5px 15px 0 15px;
padding:5px;
font-family:"comic sans ms", serif; /* police du texte */
color:black;  /* couleur du texte dans le corps de la page */
font-size:0.8em; /* taille du texte */
text-align:justify; /* alignement du texte par rapport aux bords du cadre news */
}

hr 
{
width:65%; /* largeur des lignes de séparation dans les blocs news */
}

.feinte /* artifice qui permet à la colonne de menu de ne pas deborder du conteneur */
{
clear:both;
width:750px;
height:0;
margin:auto;
}

#footer
{
width:368px; /* largeur de la banniere */
height:254px; /* hauteur de la banniere */
margin: 0 auto; /* centre la bannière */
padding:0;
background:url("kit/footer.gif"); /* decort du footer */
background-repeat:no-repeat;
background-position:center;
}

#footer #copyrights
{
position:relative;
top:210px; /* déclage du texte copyrights par rapport au haut du footer */
width:258px; /* largeur du texte copyrights */
margin:auto;
text-align:center;
background:url("kit/fond-copyrights.png");
}

dl, dt
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu
{
margin: 0 0 30px 0;
padding:10px 0 10px 0;
}

#menu dl
{
float: left;
width: 138px; /* largeur des cases de la barre de menu */
margin:0 3px /* espace entre les cases de la barre de menu */
} 

#menu dt
{
cursor: pointer;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background:url("kit/fond-menu-horizontal2.jpg"); /* decort du footer */
}

#menu dt a
{
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu dt a:hover
{
background: #fff; /* couleur de fond des cases lorsque le curseur est sur la case */
}

voila. merci pour votre aide

[karnabal]

Salut,

par contre sur firefox marche niquel.

Euh, ça c'est vite dit ! Un grand espace - que j'imagine involontaire - avant

<h2>The site N#ruto</h2>

sous FF 2.0.

Commence par valider ta page (19 erreurs en tentant de valider ton code/pas la page entière).

PS : les pubs m'ont foutu un mal de tronche pas possible : pas top ! + Accueil et pas Acceuil

[jeandu59]

oui mais sa ne résoud pas mon probleme...

il ya aussi que en local cela marche... aucune solution?