AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Réassort du coffret Pokémon 151 ...
Voir le deal

    Décalage pour les MP

    Kiowa
    Kiowa
    FémininAge : 35Messages : 220

    Jeu 18 Aoû 2011 - 1:15

    Bonjour,

    Alors voilà, j'ai récemment mis en place un thème sur un forum, dont les codages ont été personnalisé. Celui-ci à naturellement été optimiser pour Firefox. Cependant, comme tout forum, certains utilisateurs utilise le navigateur IE et rencontre un problème au niveau de la page "Messages Privés"

    le forum de test: http://kiowa-sokio.keuf.ne

    Je vous montre donc l'apperçu sur IE (celui qui possède le décalage)

    Décalage pour les MP Iebugmp

    Alors qu'En vérité la page devrait donné ceci:

    Décalage pour les MP Firefoxnobug
    (appercu de Firefox)

    Alors je me demandais si vous auriez la solution à mon problème. Naturellement, le forum compte de nombreux Templates de modifier.

    Les templates modifiés sont:

    - index_body
    - index_box
    - overall_footer
    - overall_header
    - topics_list_box
    - viewforum_body
    - viewtopic_body

    Mon Css est:

    Code:
    /***************MISE EN PAGE ET HEADER***************/

    body {
    background-attachment: scroll;
    background-color: #000000;
    background-image: url(http://img829.imageshack.us/img829/8708/headercws.png);
    background-repeat: no-repeat;
    background-position: center top;
    }


    .espace_bodyline {
    height:84px
    }

    .bodyline {
    width: 840px;
    background-color:#172d3f;
    background-image: url(http://img3.imageshack.us/img3/8728/fondbodyline.png);
    position:absolute;
    z-index:auto;

    }

    .bodylinewidth {
    width: 860px;
    }

    .menu {
    padding-top:153px;
    }

    .news_mess {
    width:200px;
    padding-top: 55px;
    font-size:9px;
    margin-left: 35px;
    }

    .the_news {
    width:490px;
    padding-left:65px;
    padding-top: 50px;
    font-size:10px;
    text-align:top;
    text-align:center;

    }
    .block_3 {
    width:250px;
    padding-left:90px;
    padding-bottom:5px;
    font-size:7px;
    text-align:center;
    }

    a.mainmenu img {
    display:none;
    }

    .forumline {
    margin:auto;
    border:1px solid #000;
    }


    a {
    text-decoration: none !important;
    outline: none;
    }

    a:hover {
    text-decoration: none !important;
    }

    .cat
    {
    background-color: #000;
    background-image: url(http://img715.imageshack.us/img715/1323/catimg.png);
    background-repeat: no-repeat !important;
    width: 820px;
    height: 20px;
    }

    td.catBottom, td.catHead{border: none !important;}


    #footer_img {

    background-image: url(http://img217.imageshack.us/img217/615/footercvj.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    height:125px;
    }

    .partenaire {
    padding-top:45px;
    width:1150px;
    margin:auto;
    }

    .postdetails.poster-profile a img{
    background-color:#172d3f;
    border: 3px solid #000; /*La bordure*/
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-box-shadow: 0px 3px 3px black;
    margin-top: -25px;
    position:center;

    }

    .rang {
    position:relative;
    z-index: 1;
    }

    .mystats_fa{
    padding: 3px;
    float:right;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    }

    /***************AUTRES***************/

    .attention {
    background-color:#172d3f;
    border: 1px #000 solid;
    -moz-border-radius : 5px 5px 5px 5px;
    height:130px;
    font-size:11px;
    color:#828282;
    margin:auto;
    text-decoration: none !important;
    -moz-border-radius: 15px; /* Bordure Arrondie de 15px */
    -webkit-border-radius: 15px; /* Bordure Arrondie de 15px IE */
    border-radius: 15px; /* Bordure Arrondie de 15px */
    box-shadow: 0 0 5px #000000; /* Ombre Portée */
    -moz-box-shadow: 0 0 5px #000000; /* Ombre Portée */
    -webkit-box-shadow: 0 0 5px #000000; /* Ombre Portée IE */}

    .forumline {
    background-color:#172d3f;
    -moz-border-radius: 15px; /* Bordure Arrondie de 15px */
    -webkit-border-radius: 15px; /* Bordure Arrondie de 15px IE */
    border-radius: 15px; /* Bordure Arrondie de 15px */
    box-shadow: 0 0 5px #000000; /* Ombre Portée */
    -moz-box-shadow: 0 0 5px #000000; /* Ombre Portée */
    -webkit-box-shadow: 0 0 5px #000000; /* Ombre Portée IE */
    padding: 3px; /* 3px entre le texte et le contour */
    }

    th { /* Laissez tel quel */
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0 0 5px #000000;
    -moz-box-shadow: 0 0 5px #000000;
    -webkit-box-shadow: 0 0 5px #000000;
    padding: 3px;
    margin: 9px !important;
    }

    td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { /* Laissez tel quel */
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0 0 5px #000000;
    -moz-box-shadow: 0 0 5px #000000;
    -webkit-box-shadow: 0 0 5px #000000;
    padding: -3px;
    }

    .row1,.forumline .row2,.forumline .row3,.forumline .row3Right { /* Laissez tel quel */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    box-shadow: 0 0 2px #000000;
    -moz-box-shadow: 0 0 2px #000000;
    -webkit-box-shadow: 0 0 2px #000000;
    margin-top: 9px !important;
    }

    /***************PROPRIÉTÉS CSS DES STATS (WIO)***************/
    .statistiques {
    width:70%;
    margin:auto;
    border: solid #000 2px;
    background-color:#172d3f;
    -moz-border-radius: 15px; /* Bordure Arrondie de 15px */
    -webkit-border-radius: 15px; /* Bordure Arrondie de 15px IE */
    border-radius: 15px; /* Bordure Arrondie de 15px */
    box-shadow: 0 0 5px #000000; /* Ombre Portée */
    -moz-box-shadow: 0 0 5px #000000; /* Ombre Portée */
    -webkit-box-shadow: 0 0 5px #000000; /* Ombre Portée IE */
    padding: 3px; /* 3px entre le texte et le contour */}

    .groupes{
    background-color:#0e1d27;
    border: 1px #000 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;
    padding-right:12px;
    padding-left:14px;
    padding-bottom:3px;
    font-size:15px;
    font-weight: bold;
    text-align:center;
    text-decoration: none !important;}

    /***************FICHE 2011***************/
    .mep_tinfos {
       background-color:#172d3f;
       color:#B2C62B;
       border-right: 5px solid #000;
       border-Left: 5px solid #000;
       border-bottom: 1px solid #000;
       border-top: 1px solid #000;
       font-size: 14px;
       text-align:center;
       margin-bottom: 5px;
       padding:1px;
       font-variant: small-caps;
       letter-spacing: 2px;
       -moz-border-radius: 0px 0px 14px 14px ;
       text-shadow: 0px 0px 3px black;
    font-weight: bold;
    }
    .mep_tinfos1 {
       background-color:#172d3f;
       color:#B2C62B;
       border-right: 5px solid #000;
       border-Left: 5px solid #000;
       border-bottom: 1px solid #000;
       border-top: 1px solid #000;
       font-size: 12px;
       text-align:center;
       margin-bottom: 1px;
       padding:1px;
       font-variant: small-caps;
       -moz-border-radius: 14px 14px 0px 0px;
       font-weight: bold;
       text-shadow: 0px 0px 3px black;
    }

    .mep_tinfos2 {
       background-color:#172d3f;
       color:#B2C62B;
       border-right: 5px solid #000;
       border-Left: 5px solid #000;
       border-bottom: 1px solid #000;
       border-top: 1px solid #000;
       font-size: 11px;
       text-align:center;
       margin-bottom: 5px;
       padding:1px;
       font-style: italic;
       -moz-border-radius: 0px 0px 14px 14px ;
    }

    .mep_timg {
    }

    .mep_tuto {
    }

    .mep_sinfos {
       background-color:#172d3f;
       color:#B2C62B;
       border-right: 5px solid #000;
       border-Left: 5px solid #000;
       border-bottom: 1px solid #000;
       border-top: 1px solid #000;
       font-size: 12px;
       margin-bottom: 1px;
       padding:1px;
       padding-left:25px;
       font-variant: small-caps;
       -moz-border-radius: 14px 14px 0px 0px;
       font-weight: bold;
       text-shadow: 0px 0px 3px black;
    }

    .mep_sinfos2 {
       background-color:#172d3f;
       color:#B2C62B;
       border-right: 5px solid #000;
       border-Left: 5px solid #000;
       border-bottom: 1px solid #000;
       border-top: 1px solid #000;
       font-size: 11px;
       text-align:justify;
       margin-bottom: 5px;
       padding:1px;
       font-style: italic;
       -moz-border-radius: 0px 0px 14px 14px ;
    }
    • Revenir en haut
    Kiowa
    Kiowa
    FémininAge : 35Messages : 220

    Sam 20 Aoû 2011 - 20:19

    Bonjour,

    Je voulais juste m'assurer que ma question sera bien prit en compte! ;D

    Bonne journée
    • Revenir en haut
    Kiowa
    Kiowa
    FémininAge : 35Messages : 220

    Jeu 25 Aoû 2011 - 17:29

    UN petit up en bonne et dû forme.

    Merci de votre attention Very Happy
    • Revenir en haut
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Mer 31 Aoû 2011 - 17:08

    Bonjour^^

    Ce qui déforme la page c'est visiblement l'indicateur en pourcentage de la boite MP. Essaies donc d'ajouter ceci à ton css :

    Code:
    .pourcentback
    {
    max-width: 200px;
    }

    Pas sur que ça fonctionne mais à tenter tout de même^^



    sign
    • Revenir en haut
    Kiowa
    Kiowa
    FémininAge : 35Messages : 220

    Mer 31 Aoû 2011 - 19:00

    Apparemment certain de mes membres ont stipuler qu'une fois IE mise à jour tout est redevenu normal. Néanmoins je vais l'ajouter et vérifier. Je t'en redonne des nouvelles
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Lun 29 Avr 2024 - 15:10