Problème de centrage dans les messages.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de centrage dans les messages.

Message par Minki le Ven 21 Nov 2014 - 16:38

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


Dernière édition par Minki le Ven 21 Nov 2014 - 17:37, édité 1 fois

Minki
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 16/03/2014

http://ygfrenchfamily.forumactif.org/
Minki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de centrage dans les messages.

Message par AenigmA le Ven 21 Nov 2014 - 16:50

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 Smile

Ou plus simplement rajoute cette ligne
margin: auto;

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de centrage dans les messages.

Message par Minki le Ven 21 Nov 2014 - 17:36

Merci beaucoup!

Minki
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 16/03/2014

http://ygfrenchfamily.forumactif.org/
Minki a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum