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
