Décalage pour les MP

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)



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


(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 ;
}

Bonjour,

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

Bonne journée

UN petit up en bonne et dû forme.

Merci de votre attention

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^^

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