Probleme dramatique css avec internet explorer (Créer un compte)

  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #472563
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress :
    – Thème utilisé :
    – Plugins en place :
    – Nom de l’hebergeur :
    – Adresse du site : http://www.histoire-de-fou.com

    Problème(s) rencontré(s) : Il y a un gros probleme avec internet explorer, je sais pas ce qui ne va pas dans mon css :

    /*
    Theme Name: VDMLike
    Theme URI: http://www.vendeesign.com
    Description: VDMLike Thème Wordpress – Réalisé par Benjamin Romei
    Author: Vendeesign
    Author URI: http://www.vendeesign.com
    version: 1.0
    */


    body {

    font-family: ‘Trebuchet MS’,Geneva,Arial,Trebuchet,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0;
    color: #C0C0C0;
    background-color: #EEEEEE;

    /*Basic Thing
    —————————————*/

    }

    code { font-family: Consolas, « Andale Mono », Courier, « Courier New »; line-height: 1em; background: #eee; }
    pre { font-family: Consolas, « Andale Mono », Courier, « Courier New »; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }
    p.center { text-align: center !important; }
    p.bottom { margin: 0 !important; }
    .remove_bottom_margin { margin-bottom: 0 !important; }

    a {

    color: #999999;
    text-decoration: none;

    }

    .entry a {

    color: #C0C0C0;
    text-decoration: underline;

    }

    a:hover{

    color: #7dcd0c;

    }


    strong {

    color: #7dcd0c;
    font-weight: bolder;

    }

    .clear { clear:both; }

    .float-left { float:left; }
    .float-right { float:right; }

    .text-left { text-align:left; }
    .text-right { text-align:right; }
    .text-center { text-align:center; }
    .text-justify { text-align:justify; }

    .bold { font-weight:bold; }
    .italic { font-style:italic; }
    .underline { border-bottom:1px solid; }
    .highlight { background:#161616; color:#0fb2fc; }

    .wrap { width:960px;margin:0 auto; }

    .img-left { float:left;margin:4px 10px 4px 0; }
    .img-right { float:right;margin:4px 0 4px 10px; }

    .nopadding { padding:0; }
    .noindent { margin-left:0;padding-left:0; }
    .nobullet { list-style:none;list-style-image:none; }

    ul {margin:0;padding:0;}
    ul li { margin-left:5px;padding:0;}
    li {list-style-type:none;}
    .disc {list-style-type:disc}
    /* lists inside posts */
    .entry ul ol {margin-left:0;}
    .entry ul li {margin-left:10px; list-style:disc; list-style-position:inside}
    .entry ul li ol {margin-left:10px;}
    .entry ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
    .entry ol li li {margin-left:5px;}

    h1, h2, h3 {
    margin : 0;
    font-size : 11px;
    color : #bbb;
    text-transform : uppercase;
    font-weight : bold;
    letter-spacing : 0.035em;
    }

    h1 a {
    color : #C0C0C0;
    }

    h2.entry-title {font-size:180%;}
    h2#comments{margin:20px auto 10px;font-size:140%;}
    /* headings inside posts */
    .entry h3 {font-size:140%;}
    .entry h4 {font-size:120%;}
    .entry h5 {font-size:100%;}
    .entry h6 {font-size:90%;}

    /*Captions
    —————————————*/
    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

    /*Image
    —————————————*/
    p img {
    padding: 0;
    max-width: 100%;
    }

    /* Using ‘class= »alignright »‘ on an image will (who would’ve
    thought?!) align the image to the right. And using ‘class= »centered’,
    will of course center the image. This is much better than using
    align= »center », being much more futureproof (and valid) */

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }
    /* End Images */



    /*Search Box
    —————————————*/
    #search_form input { margin: 10px 0 0 0; }
    #search_form input {
    padding: 4px 2px;
    width: 132px;
    border: 2px solid #acacac;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #f4f4f4;
    color: #888;
    }
    #search_form input:focus { background: #fff; }
    #search_form input#searchsubmit { padding: 2px 10px; }


    /*Page Navigation
    —————————————*/
    #page-navi {

    padding: 10px;
    margin: 10px 20px;

    }

    #page-navi a{


    color: #999999;
    border: 1px solid #dddddd;
    background-color: #eeeeee;

    }

    #page-navi a:hover{

    text-decoration: none;
    color: #999999;
    border: 1px solid #dddddd;
    background-color: #fff;

    }

    /*Header
    —————————————*/

    #header {

    width: 100%;
    margin-bottom: 10px;

    }

    #header a{

    border: 0px solid #333;

    }

    #header a:hover{

    border: 0px solid #333;

    }

    #header img{

    border: 0px solid #333;

    }

    #menu {padding:0 0 0 30px; margin:0 0 0 25px; list-style:none; width:765px; height:60px; background:url(http://www.histoire-de-fou.com/wp-content/themes/VDMLike/images/background.png)}
    * html #menu {
    margin:0;
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’single-ten/background.png’, sizingMethod=’scale’);
    }

    #menu li {position:relative; float:left; margin:0;}
    #menu li a {display:block; height:36px; line-height:35px; padding:0 20px 0 0; float:left; text-decoration:none; font-family:arial, sans-serif; font-size:12px; background:url(http://www.histoire-de-fou.com/wp-content/themes/VDMLike/images/divide.png) no-repeat right top;}
    #menu li a b {display:block; height:36px; float:left; padding:0 0 0 20px;}


    #menu li a:hover,
    #menu li a:active,
    #menu li a:focus,
    .home #menu li#home a,
    .single #menu li#single a,
    .dropdown #menu li#dropdown a,
    .dropline #menu li#dropline a,
    .flyout #menu li#flyout a,
    .support #menu li#support a,
    .contact #menu li#contact a
    {background:url(http://www.histoire-de-fou.com/wp-content/themes/VDMLike/images/divide.png) no-repeat right top; cursor:pointer; color:#7DCD0C; line-height:35px;}
    #menu li a:hover b,
    #menu li a:active b,
    #menu li a:focus b,
    .home #menu li#home a b,
    .single #menu li#single a b,
    .dropdown #menu li#dropdown a b,
    .dropline #menu li#dropline a b,
    .flyout #menu li#flyout a b,
    .support #menu li#support a b,
    .contact #menu li#contact a b
    { background:url() repeat; cursor:pointer;}

    /*Main Body
    —————————————*/

    #wrapper {

    margin: 30px auto;
    width: 850px;
    background-color: #ffffff;

    }

    #main {

    width: 820px;

    }

    #wrap {

    margin: 10px;
    float: left;
    width: 830px;

    }

    .top {

    float:left;
    height:40px;
    margin:0;
    width:850px;
    }

    #top-left {
    background-image:url(images/top-left.gif);
    float:left;
    height:40px;
    width:40px;
    }

    #top-right {
    background-image:url(images/top-right.gif);
    float:right;
    height:40px;
    width:40px;
    }

    #bot-left {
    background-image:url(images/bot-left.gif);
    float:left;
    height:40px;
    width:40px;
    }

    #bot-right {
    background-image:url(images/bot-right.gif);
    float:right;
    height:40px;
    width:80px;
    }


    /*Post
    —————————————*/

    #thumb {
    float:right;
    width: 58px;
    height: 58px;
    margin-top: 4px;
    margin-right: 5px;
    }

    div.hoverme, div.off {
    padding: 5px;

    background-color: #fff;
    }
    div.hoverme:hover, div.on {
    padding: 5px;
    background-color: ;
    }

    .entry {

    font-size: 13px;
    color: #5ACDF5;
    font-weight:bold;

    }

    .widget {
    margin-right: 5px;
    }

    /*sidebar
    —————————————*/

    #sidebar {

    width: 0px;
    float: left;

    }

    .widget ul {

    }
    .widget ul li {

    margin-bottom: 5px;
    margin-left: 0;
    padding-bottom: 5px;
    cursor: pointer;

    }

    .widget ul li a{
    display: block;
    border-bottom: 1px dashed #ddd;

    }

    .widget ul li a:hover{

    border-bottom: 1px solid #ddd;

    }

    .widgettitle {
    font-size: 13px;
    margin-bottom: 15px;
    color: #000000;

    }

    /*Comment
    —————————————*/

    #commentform textarea {
    background : #f8f7f6;
    border : 1px solid #d6d3d3;
    width : 460px;
    }
    #commentform textarea:hover {
    background : #ffffff;
    border : 1px solid #d6d3d3;
    }
    #commentform textarea:focus {
    background : #ffffff;
    border : 1px solid #939793;
    }
    #commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
    font-size : 1.1em;
    background : #ffffff;
    border : 1px solid #939793;
    width : 280px;
    }
    #commentform input {
    margin-bottom : 3px;
    }
    .com-list {}
    .com-list h3 { font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 10px; border-bottom: solid 1px #ebeadd;}
    .com-entry { margin-bottom: 5px; }
    .com-entry-bot { }

    .com-con { width: 80%; padding: 10px 20px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border: solid 1px #e7e5dd; position: relative;margin-right: 10px;margin-top: 15px;}
    .com-name { }
    .com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }
    * html .com-avt { right: 40px;}
    .com-avt img { border: 1px solid #ccc;}
    .com-date { font-size: 10px; color: #999; margin-bottom: 10px; }
    .com-text { width:200px; }
    .com-date a, .com-date a:visited, .com-date a:hover { color: #999; text-decoration: underline; }

    /*Footer
    —————————————*/

    #footer {

    clear:both;
    width: 850px;
    padding: 10px;

    }

    /*Form
    —————————————*/

    #viewmsgform{
    float:right;
    width:300px;
    height:80px;
    cursor: pointer;
    list-style : none;
    color : #000;

    }

    #postmsg {
    background: left top #FFF;
    padding: 7px 7px 25px 7px;
    height: 500px;
    }

    #postmsg h2{
    margin: 0;
    padding: 0;
    font-size:17px;
    }

    #postmsg p{
    color:#777;
    }

    #postmsg textarea{
    width: 520px;
    }

    .form1{
    padding:0;
    float:left;
    text-align: right;
    width: 150px;
    margin: 3px;
    }
    .form2{
    padding:0;
    float:left;
    margin: 3px;
    width: 530px;
    }
    .entry p{
    font-size: 13px;
    color:#000;
    }

    #683780
    dex
    Participant
    Padawan WordPress
    85 contributions

    Tu as une

    qui ne se ferme pas au bon endroit : elle se ferme après le 3e billet.
    Du coup tes deux premiers billets sont dans le header…
    Probablement un  » manquant qq part

    #683781
    Anonyme 2
    Participant
    Maître WordPress
    10588 contributions

    Bonjour,

    Firebug m’indique 88 erreurs sur votre site.

3 sujets de 1 à 3 (sur un total de 3)
  • Vous devez être connecté pour répondre à ce sujet.