Problème de centrage dans les messages.

[Minki]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début.
Lien du forum : http://winnerfrance.fr1.co/

Description du problème

Ce forum est inactif, devenu un forum test pour moi.
Le problème que je rencontre est donc à la fois sur celui-ci mais aussi dans un autre plus récent avec le même CSS et templates modifiés.

C'est un problème qui peut passer pour de la maniaquerie mais en voulant centrer un texte, des images etc, l'affichage n'est pas proportionnel à droite et à gauche. On peut dire que l'image est centrée sur la droite.

Si la taille de la largeur du forum est inférieure à 1000px le problème ne se remarque pas, dans le cas contraire c'est visible.
Je pensais que le problème venait des deux templates modifiés (même s'ils ne concernent pas l'affichage des catégories), je les ai donc remis à leur valeur par défaut et aucun changement n'était visible.

Voici le CSS :

Code:

.navig {
position: absolute;
top: 0px;
width: 100%;
}
.bodylinewidth .bodyline > table:first-child tr:first-child > td span.gen,
.bodylinewidth .bodyline > table:first-child tr:first-child > td br,
.bodylinewidth .bodyline > table:first-child tr:first-child > td div.maintitle
{ display: none }

body {
  background-image:url(http://i39.servimg.com/u/f39/17/63/31/38/fond11.jpg);
  background-size: 100% auto;
  background-position: top center;
    background-repeat: repeat;
    background-attachment: top;
}

#i_logo
{
height: 500px;
}
a:hover
{
text-decoration: none !important;
}
.navig a.mainmenu, span.gen strong
{padding-top: 10px;
padding-bottom:10px;
font-size: 12px;
color: #707070 !important;
font-weight: bold;
border-top: 0px solid #ffffff
border-bottom: 0px solid #ffffff;
}

.navig a.mainmenu:hover
{
padding-top: 10px;
padding-bottom: 10px;
font-size: 9px;
color: #ffffff!important;
font-weight: bold;
text-decoration: none !important;
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}

#page-body
{
margin-top:;
}
.bodylinewidth
{width: 1000px;
}
#cate_head
{
width: 850px;
height: 173px;
margin: none;
background:
}
#cate_body
{
width: 850px;
margin: none;
background: url(http://www.tresors-des-regions.com/Portals/2/coquelicots.jpg) repeat-y;
}
.forumline
{
width: 100%;
margin: auto;
background-color: #d9d9d9;
border-top: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
padding: 4px;
}
#cate_foot
{
width: 850px;
height: 95px;
margin: auto;
background: url() center no-repeat;
}
a.forumlink
{
display: block;
padding-left: 0px;
font-size: 16px;
font-family: charlemagne std;
letter-spacing: 2px;
border-bottom: 4px solid #afa48d;
border-left: 4px solid #afa48d;
border-radius: 20px;
-moz-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
color: #36384b !important;
text-shadow: 0px 0px 1px #ffffff;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
padding-left: 50px;
text-transform: uppercase;
border-bottom: 4px solid #983d34;
border-left: 4px solid #983d34;
color: #fefefc !important;
text-shadow: 0px 0px 1px #313936;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.postbody
{
text-align: justify;
font-size: 11px;
font-family: calibri;
letter-spacing: 1px;
padding: 6px;
line-height: 1.48em;
width: 600px;
float: center;
clear: both;
}

body.chatbox
{
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color: transparent;
}
.postprofile {
border-color: #2c232e;
border-right: 1px solid #2c232e;
margin: 5auto;
color: #d6ace0;
width: 600px;
height: 70px;

}
#qeel_fond
{
width: 650px;
min-height: 400px;
background: url(http://img4.hostingpics.net/pics/842983fondqeel.jpg) top center no-repeat;
}
.qeel
{
width: 650px;
float: right;
background-color: #e9e3ce;
border-top: 3px solid #e09a31;
border-bottom: 3px solid #e09a31;
padding: 4px;
margin-top: 150px;
}

#page-footer a
{
font-size: 10px;
}









.row3Right
{
border: none !important;
}550
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}


[AenigmA]

Bonjour,

Dans .postbody tu as mis un width de 600 px, il se centre donc dans cette largeur.
Augmente donc la valeur jusqu' à ta convenance

Ou plus simplement rajoute cette ligne
margin: auto;

[Minki]

Merci beaucoup!