28202 sujets

CSS et mise en forme, CSS3

Slt à tous,
Donc voila, je vous expose mon problème, j'ai adapté Wordpress à mon site (histoire de me faciliter un peu la vie) mais petit prob, rien n'apparait sous IE ?? Les utilisateurs de Wordpress m'ont conseillé de poster mon css ici (topic wordpress)... bien que je ne pense pas que ca vienne de ca...


body {background-image: url(images/background.gif); margin-top: 26px; margin-bottom: 26px; }
body,td,th {font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; font-size: 12px;}

#page {width: 796px; margin-left: auto; margin-right: auto; background-color: #4E4E4E; border: 2px solid #FFFFFF;}

#menu {list-style-type: none; height: 20px; margin: 0; padding: 0; overflow: hidden;}
#menu li {float: left; overflow: hidden;}
#menu li a:hover, #menu li a:focus, #menu li a:active {margin-left: -100%;}

#header {width: 796px; height: 171px; background-image: url(images/back-horiz-repeat1.gif); background-repeat: repeat-x;}

.logo {width: 186px; height: 64px; float: left; margin-top: 27px; margin-left: 20px; border: 0;}
.image-header {width: 560px; height: 161px; float: right; margin-top: 10px; margin-right: 10px;}

#news {width: 75px;}
#alexross {width: 102px;}
#comix {width: 81px;}
#personnages {width: 120px;}
#auteurs {width: 90px;}
#galerie {width: 85px;}
#dossiers {width: 92px;}
#liens {width: 72px;}
#forum {width: 79px;}

.ban {padding-top: 3px; text-align: center; padding-bottom: 7px; margin-left: 4px;}
.bans-index {border: 1px solid #2C2C2C; margin-right: 5px;}

#back-horiz-repeat2 {width: 796px; background-image: url(images/back-horiz-repeat2.gif); background-repeat: repeat-x; margin-bottom: 10px;}
#left {width: 226px; float: left;}

#menu2 {list-style-type: none; margin-top: 19px; margin-bottom: 0; margin-left: 22px; margin-right: 0; padding: 0; overflow: hidden;}
#menu2 li {overflow: hidden; margin-bottom: 9px;}
#menu2 li a:hover, #menu2 li a:focus, #menu2 li a:active {margin-left: -100%;}

#centre {margin-left: 226px; margin-right: 10px; padding: 1px 10px; background-color: white; font-size: 1em; line-height: 1.4em; min-height: 450px;}
div#centre p {margin: .5em 0; text-indent: 20px; color: #2C2C2C; text-align: justify;}

.derniersetc {width: 186px;}

.spoiler {color: #FF6600;}

.copyrights {text-align: center; margin-bottom: 7px;}


Si vous avez une petite idée, j'suis preneur. Merci, ciao...
Modifié par Bab (22 Sep 2007 - 14:13)
Salut Bab Smiley cligne ,

ça devrait fonctionner en retirant ce surprenant :
<style type="text/css" media="screen" />
juste avant le </head> Smiley langue

A+