problème avec l'alignement de mon forum

Bonjour,

J'ai un petit soucis. J'ai régler la largeur de mon forum a 750px. Le problème, c'est que ça me l'a de suite aligner à gauche alors que je voudrais à nouveau le centrer.
Je suis sous version Phpbb2.
Voici le lien : http://iwantyou.forumactif.com/

Il est en construction.

Merci de votre réponse.
Minimoy28

Bonjour ça doit pas être bien méchant essaie ce code.

Code:


table
{
max-width: 750px;
margin: auto;
margin-left: auto;
margin-right: auto;
}

Ca marche pas :S.

Bizarre.

Je peut voir ton css pour éventuellement corriger les erreurs.

Oui bien sur

Code:

table
{
max-width: 750px;
margin: auto;
margin-left: auto;
margin-right: auto;
}

.qeeltitre{
font-variant: small-caps;
text-align: center;
color: #EA0B8B;
text-shadow: 1px 1px 0px #fff;
}

.QEEL3{
text-align: center;
margin-bottom: -20px;
}

.QEEL2{
border: 2px solid #fff;
background: #fecf91;
box-shadow: 1px 1px 1px #EA0B8B;
-moz-border-radius: 20px;

padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
height: 100px;
}

.QEEL1{
height: 300px;
}

.bodycat{
border: 3px solid #EA0B8B;
-moz-border-radius: 20px;
background: #e6cbac;
}

.textescolor1{
background: #EA0B8B;
color: #fff;
text-align: justify;
font-family: times;
margin: 0px;

padding-left: 30px;
padding-right: 30px;
padding-top: 8px;
padding-bottom: 8px;

background-image: url('http://s1.pictupload.free.fr/images/guillepdp.png');
background-repeat: no-repeat;
}

.textescolor2{
background: #ffb260;
color: #000;
text-align: justify;
font-family: times;
margin: 0px;

padding-left: 30px;
padding-right: 30px;
padding-top: 8px;
padding-bottom: 8px;

background-image: url('http://s1.pictupload.free.fr/images/guillepdp.png');
background-repeat: no-repeat;
}

.titres2{
text-transform: lowercase;
font-style: italic;
border-bottom: 3px solid #EA0B8B;
font-size: 20px;
letter-spacing: 5px;
font-family: arial;
color: #feb061;
text-align: right;
text-shadow: 1px 1px 0px #000000;
}

.titres{
text-transform: lowercase;
font-size: 30px;
background: #f1a3c5;
letter-spacing: 3px;
font-family: times;
color: #fff;
text-align: center;
text-shadow: 1px 1px 0px #000000;
}



.description2{
color: #f1a3c5 !important;
font-weight: bold;
font-variant: small-caps;
text-shadow: 1px 1px 0px #fff;
font-family: verdana !important;
}

.titrecategorie{
text-align: center;
}

.categorie{
margin-left: 80px;
margin-top: 30px;
border-top: 3px solid #D42850;
border-right: 3px solid #D42850;
border-left: 3px solid #D42850;
border-bottom: 1px solid #D42850;
background: #f7f0e0;
width: 650px;
-moz-border-radius: 100px 100px 20px 20px;
}

.lastpost{
margin-top: 10px !important;
width: 150px;
background: #f1a3c5;
font-size: 9px;
font-variant: small-caps;
margin-bottom: 5px;
border-top: 1px solid #ffffff;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 4px solid #ffffff;
-moz-border-radius: 12px;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
-moz-border-radius: 10px 10px 20px 20px;
/*-moz-box-shadow: 1px 1px 0px #000;*/
}

.sujetsmessages{
text-align: right;
text-transform: lowercase;
margin-top: -25px;
color: #EA0B8B;
font-size: 10px;
}

.description{
background: #f7f0df;
padding: 10px;
text-align: justify;
font-family: verdana;
-moz-border-radius: 10px 10px 20px 20px;
color: #EA0B8B;

border-top: 1px solid #ffffff;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 4px solid #ffffff;
}

body
{
letter-spacing: 1px;
margin-bottom: -10px;
margin-top: -11px;
width: 750px;
}

.bodyline{
border-left: 10px solid #EA0B8B;
border-right: 10px solid #EA0B8B;

padding-left: 0px;
padding-right: 0px;
}



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

.forumlink{
color: #feb061 !important;
text-transform: uppercase;
font-size: 25px;
text-decoration: none;
text-align: center;
font-family: Arial;
text-shadow: 1px 1px 1px #ffffff;
letter-spacing: 4px;
margin-bottom: -19px;

display: block;
}

.forumlink:hover{
color: #EA0B8B !important;
font-size: 25px;
text-decoration: none;
text-align: center;
font-family: Arial;
text-shadow: 1px 1px 1px #ffffff;
letter-spacing: 4px;
margin-bottom: -19px;

display: block;
}

.barrenavigation{
background: #EA0B8B;
font-variant: small-caps;

margin-top: -55px;
}

.barrenavigation:hover{
background: #fcd860;
font-variant: small-caps;

margin-top: -55px;
}

Voila ça devrai marcher t'avais deux fois un body .

Code:

table
{
max-width: 750px;
margin: auto;
margin-left: auto;
margin-right: auto;
}

.qeeltitre{
font-variant: small-caps;
text-align: center;
color: #EA0B8B;
text-shadow: 1px 1px 0px #fff;
}

.QEEL3{
text-align: center;
margin-bottom: -20px;
}

.QEEL2{
border: 2px solid #fff;
background: #fecf91;
box-shadow: 1px 1px 1px #EA0B8B;
-moz-border-radius: 20px;

padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
height: 100px;
}

.QEEL1{
height: 300px;
}

.bodycat{
border: 3px solid #EA0B8B;
-moz-border-radius: 20px;
background: #e6cbac;
}

.textescolor1{
background: #EA0B8B;
color: #fff;
text-align: justify;
font-family: times;
margin: 0px;

padding-left: 30px;
padding-right: 30px;
padding-top: 8px;
padding-bottom: 8px;

background-image: url('http://s1.pictupload.free.fr/images/guillepdp.png');
background-repeat: no-repeat;
}

.textescolor2{
background: #ffb260;
color: #000;
text-align: justify;
font-family: times;
margin: 0px;

padding-left: 30px;
padding-right: 30px;
padding-top: 8px;
padding-bottom: 8px;

background-image: url('http://s1.pictupload.free.fr/images/guillepdp.png');
background-repeat: no-repeat;
}

.titres2{
text-transform: lowercase;
font-style: italic;
border-bottom: 3px solid #EA0B8B;
font-size: 20px;
letter-spacing: 5px;
font-family: arial;
color: #feb061;
text-align: right;
text-shadow: 1px 1px 0px #000000;
}

.titres{
text-transform: lowercase;
font-size: 30px;
background: #f1a3c5;
letter-spacing: 3px;
font-family: times;
color: #fff;
text-align: center;
text-shadow: 1px 1px 0px #000000;
}



.description2{
color: #f1a3c5 !important;
font-weight: bold;
font-variant: small-caps;
text-shadow: 1px 1px 0px #fff;
font-family: verdana !important;
}

.titrecategorie{
text-align: center;
}

.categorie{
margin-left: 80px;
margin-top: 30px;
border-top: 3px solid #D42850;
border-right: 3px solid #D42850;
border-left: 3px solid #D42850;
border-bottom: 1px solid #D42850;
background: #f7f0e0;
width: 650px;
-moz-border-radius: 100px 100px 20px 20px;
}

.lastpost{
margin-top: 10px !important;
width: 150px;
background: #f1a3c5;
font-size: 9px;
font-variant: small-caps;
margin-bottom: 5px;
border-top: 1px solid #ffffff;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 4px solid #ffffff;
-moz-border-radius: 12px;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
-moz-border-radius: 10px 10px 20px 20px;
/*-moz-box-shadow: 1px 1px 0px #000;*/
}

.sujetsmessages{
text-align: right;
text-transform: lowercase;
margin-top: -25px;
color: #EA0B8B;
font-size: 10px;
}

.description{
background: #f7f0df;
padding: 10px;
text-align: justify;
font-family: verdana;
-moz-border-radius: 10px 10px 20px 20px;
color: #EA0B8B;

border-top: 1px solid #ffffff;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 4px solid #ffffff;
}



.bodyline{
border-left: 10px solid #EA0B8B;
border-right: 10px solid #EA0B8B;
}



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

.forumlink{
color: #feb061 !important;
text-transform: uppercase;
font-size: 25px;
text-decoration: none;
text-align: center;
font-family: Arial;
text-shadow: 1px 1px 1px #ffffff;
letter-spacing: 4px;
margin-bottom: -19px;

display: block;
}

.forumlink:hover{
color: #EA0B8B !important;
font-size: 25px;
text-decoration: none;
text-align: center;
font-family: Arial;
text-shadow: 1px 1px 1px #ffffff;
letter-spacing: 4px;
margin-bottom: -19px;

display: block;
}

.barrenavigation{
background: #EA0B8B;
font-variant: small-caps;

margin-top: -55px;
}

.barrenavigation:hover{
background: #fcd860;
font-variant: small-caps;

margin-top: -55px;
}

Oui, ça marche maintenant mais je voudrais coller le body au bord d'en haut et d'en bas.

EDIT : Et je voudrais aussi coller le bodyline a la bannière. Mais le problème c'est que la je n'ai plus de body du tout.

Tout est coller chez moi .

Oui, je viens de recréer un body en fait. J'ai juste une ajustation a faire avec la bannière et tout ira bien .

Merci. Sujet clos. J'édite.

De rien ^^