Salut salut Voilà, j'ai un léger problème avec un site, au niveau du CSS. Si vous allez sur [url=http://www.asphia.net/shadow]cette page[/url] et que vous descendez tout en bas, vous verrez un léger problème avec le menu, qui devrait être normalement [url=http://warpshadow.4000webs.com/]comme ceci[/url]. Voici la feuille CSS en question : [code]@import "layout.css"; /* Les éléments HTML en général -------------------------------------------------------- */ body { background: #f1efe0 url(design/fond.gif) repeat-x ; text-align: center ; color: #000; font-size: 80%; line-height: 1.6em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6{ font-family: "Trebuchet MS", sans-serif; } h1{font-size: 1.5em;} h2{font-size: 1.4em;} h3{font-size: 1.3em;} h4{font-size: 1.2em;} h5{font-size: 1.1em;} h6{font-size: 1em;} pre, code { font-size: 1.2em; } pre { width: 100%; overflow: auto; border: 1px solid #CCC; } fieldset { border: none; } label { cursor: pointer; cursor: hand; } .field label { display: block; } input,textarea { border: 1px solid #999; } textarea { width: 100%; font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } a { color: #000; } a:visited { color: #663; } a:hover { color: #636; } .left { float: left; margin-right: 1em; } .right { float: right; margin-left: 1em; } /* La page -------------------------------------------------------- */ #page { background: #fff url(design/conteneur.gif) repeat-y center top; color: inherit; } /* L'entête -------------------------------------------------------- */ #top { height: 161px; /*padding-top: 20px;*/ background: #FFF url(design/titre.png) no-repeat left top; } #top h1 { height: 80px; line-height: 80px; margin: 24px 0 0 0 ; padding-top: 0 ; color: #FFFFFF; } #top h1 a { text-decoration: none; color: #FFFFFF; } /* Le prélude -------------------------------------------------------- */ #prelude { background: transparent; color: #DFDFDF; text-align: center; } #prelude a { color: #DFDFDF; background: transparent; } #prelude a:hover { color: #666; background: transparent; } /* Le contenu -------------------------------------------------------- */ .day-date { padding-left: 20px; margin-left: -25px; color: #888; font-style: italic; } .post-title { color: #F90; background: transparent; margin-bottom: 0; } .post-title a { color: #F90; background: transparent; text-decoration: none; } .post-info { margin-top: 0; color: #FA0; background: transparent; padding-bottom: 1ex; /*border-bottom: 1px solid #FC0;*/ } .post-info a { color: #FA0; background: transparent; text-decoration: none; } .post-content { text-align: justify; } .post-content blockquote { font-family: Georgia, serif; font-style: italic; } .post-info-co { text-align: right; } #trackbacks blockquote, #comments blockquote { border: 1px solid #EEE; margin: 1em 0; padding: 1ex 1em; } /* La barre de navigation -------------------------------------------------------- */ #sidebar div { /*width: 181px ;*/ margin-top: -30px ; /*float: right ;*/ background: url(design/fond_menu.gif) no-repeat ; } #sidebar div ul { margin: 0 ; padding: 0 ; list-style-type: none ; } #sidebar div ul li a { display: block ; height: 28px ; text-indent: 10px ; line-height: 28px ; color: #468 ; text-decoration: none ; border-top: 1px solid #9db8db ; border-bottom: 1px solid #acc6e8 ; border-right: 1px solid #88a1c2 ; background: url(design/fond_item.gif) repeat-x 0 0 ; } #sidebar div ul a:hover { background: url(design/fond_item.gif) repeat-x 0 -28px ; font-weight: bold ; } #sidebar h2, #sidebar h3 { position: relative ; left: -5px ; margin: 15px 0 ; padding-left: 30px ; color: #579 ; height: 26px ; line-height: 26px ; font-size: 1.2em ; background: url(design/puce_menu.gif) no-repeat ; } #sidebar h3 { font-size: 1em; margin: 0; } #sidebar div#search { background: transparent; color: inherit; line-height: 2.3em; } #search fieldset, #search p { margin: 0; padding: 0; } #q{ padding-left: 18px; background: #fff url(img/q.png) no-repeat 4px center; } #sidebar div#calendar { /*border-top: 1px solid #F0F0F0;*/ } #sidebar div#calendar table { font-size: 0.7em; text-align: center; margin: 0 auto; border-collapse: collapse; } #sidebar div#calendar table caption { margin: 0 auto; } #sidebar div#calendar table th { color: #493; background: transparent; } #sidebar div#calendar table td { width: 14%; line-height: 2em; border: 1px solid #EEE; } #sidebar div#calendar table td a { display: block; background: #EFA; color: #493; font-weight: bold; text-decoration: none; } #sidebar div#calendar table td a:hover { background: #DBB8DC; color: #636; } #sidebar div#gday { display: block; padding-left: 10px; list-style: none; } /* Le pied de page -------------------------------------------------------- */ #footer { clear: both ; height: 61px ; margin: 0 ; line-height: 55px ; font-weight: bold ; color: #999 ; text-align: center ; word-spacing: 0.2em ; background: url(design/pied_page.gif) no-repeat ; } #footer a { color: #999; }[/code] C'est basé sur DotClear, et c'est bien pour ça que je n'arrive pas à le mettre en forme. Je suis sûr que c'est pour une connerie toute simple, mais je ne la vois pas. Donc, est ce que quelqu'un saurait m'aider s'il vous plait ? Merci :)