Poster un message - forum étalé

[KillMoon]

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
Lien du forum : http://lazuli.forumactif.org/

Description du problème

Bonjour!

Je viens de remarquer que lorsque je vais sur "répondre" un topic, le forum s'étale sur presque toute la largeur... je crois que c'est quelquechose que j'ai changé mais je ne sais plus quoi au juste. À l'aide!

Voici mon CSS:

Code:

#right{
width:180px !important;}



#page-body{
    margin:0px 85px;
}
/*********************************** v FONTS DES DIFFÉRENTS GROUPES ***********************************/

a span[style="color:#FB4F2D"] strong {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 0px 0px 5px #000000;
  font-weight: normal;
  letter-spacing: 1px;
}

a span[style="color:#C78132"] strong {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 0px 0px 5px #000000;
  font-weight: normal;
  letter-spacing: 1px;
}

a span[style="color:#63B31B"] strong {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 0px 0px 5px #000000;
  font-weight: normal;
  letter-spacing: 1px;
}

a span[style="color:#A249B8"] strong {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 0px 0px 5px #000000;
  font-weight: normal;
  letter-spacing: 1px;
}

a span[style="color:#F5C9AB"] strong {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 0px 0px 5px #000000;
  font-weight: normal;
  letter-spacing: 1px;
}







/*********************************** v LOGO ET FOND ETC***********************************/
body
{  background-image: url(http://image.noelshack.com/fichiers/2014/48/1416951640-lazuli-logo-prepare.png), url(http://image.noelshack.com/fichiers/2014/48/1416949336-1920x1080pour-nouveau-logo.png);
background-size: normal; 100% auto;
  background-color: #couleur;
background-repeat: no-repeat, no-repeat;
background-position: top center; scroll;
background-attachment: scroll, fixed;
}

/*********************************** ^ LOGO ET FOND ^***********************************/

.postbody {
text-align:justify;
padding-left:25px;
padding-right:25px;
}

textarea, .textarea.post, input.post {
background-image:url(url de la texture );}

textarea, .textarea.post, input.post {
-moz-border-radius:5px;
-webkit-border-radius:8px;
border:2px solid #1F1D1A;}

/*********************************** v TITRES personnalisés POUR ADMINISTRATION ETC***********************************/
.TitreLazu {; font-family: Georgia;
  color: #4987cc;
  text-shadow: 1px 4px 2px #070707;
  font-weight: italic;
  font-size: 18px;
  margin: auto
}

.TitreLero {; font-family: Georgia;
  color: #72c714;
  text-shadow: 1px 4px 2px #070707;
  font-weight: italic;
  font-size: 18px;
  margin: auto
}

.TitreAstu {; font-family: Georgia;
  color: #c2741b;
  text-shadow: 1px 4px 2px #070707;
  font-weight: italic;
  font-size: 18px;
  margin: auto
}

h2.post-content{ background:url(http://image.noelshack.com/fichiers/2014/48/1416863701-vf-ribbon04.png) no-repeat;
  text-shadow: 1px 2px 2px #070707;
  margin: 40px;
  color: #ffffff
}
/*********************************** v    BLOC predefini Mon texte***********************************/
.shadow-box {
  position: relative;
  border-radius: 2px;
  background: #272f2b;
  padding: 15px;
  margin: 10px;
  box-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 50px rgba(0,0,0,.1) inset;
}
.shadow-box:before {
  content: " ";
  box-shadow: 0 0 15px rgba(0,0,0,.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  bottom: 10%;
  border-radius: 10px/100px;
  z-index: -1;
}
/*********************************** ^    BLOC predefini Mon texte***********************************/
/*********************************** v FONTS INSTALLEES***********************************/
@font-face {
font-family: MarigoldWild;
src: url('https://www.dropbox.com/s/jrpfxhmyvg371qe/marigoldwild.ttf'); format('ttf'),
}

@font-face {
font-family: Toril;
src: url('https://www.dropbox.com/s/7lo7s2dkyoeren9/Toril.ttf');
}

/*********************************** v ENCADREMENT PROFIL ***********************************/
div.post_profile {
border:3px double #000000;
background-image:url(http://image.noelshack.com/fichiers/2014/47/1416386515-fond-profil.png);
padding:3px;
box-shadow: 0px 3px 3px #000000;
}

/*********************************** v PAS DE SOULIGNEMENT DE LIEN ***********************************/
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
tr.post span.gensmall {display: none}


/*********************************** v Chatbox ***********************************/
#chatbox_header{
background-image:url(http://image.noelshack.com/fichiers/2014/47/1416384017-barre-chatbox.png);
}

body.chatbox {
background-image: url(http://image.noelshack.com/fichiers/2014/47/1416384018-fond-chatbox.png);
}

body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title {
    font: MarigoldWild !important;
}

.chatbox-options li,
.chatbox-options li a,
.chatbox-options li label {
  color: #000000;
}


/*********************************** ^ Chatbox ***********************************/

/*********************************** v Encadrer l'avatar ***********************************/
div.post_avatar img {
border:6px double #345dce;
background:#0d0a0a;
padding:3px;}
/*********************************** ^ encadrer l'avatar ***********************************/

/*********************************** V ONLINE SUR L'AVATAR  ***********************************/
.icon_online {
position:absolute;
margin-left:***px;
margin-top:-***px;}
/*********************************** ^ ONLINE SUR L'AVATAR ***********************************/



/* --------------------------------- BARRE NAVIGATION FIXEE  http://www.never-utopia.com/t37236-barre-de-navigation-fixe-en-haut-du-forum-html-css--------------------------------- */

#navig
{
  width: 950px;
  margin: auto;
  text-align: center;
}

#navigation
{
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #0f120f;
  border-bottom: 2px solid #141210;
  margin-top: -2px;
  margin-left: -2px;
  padding: 6px;
}

#navig a
{
  font-size: 13px;
  text-shadow: 0px 0px 4px #e44723;
  font-family: 'Lithos pro';
  text-transform: uppercase; 
}

/* --------------------------------- ^BARRE NAVIGATION FIXEE  http://www.never-utopia.com/t37236-barre-de-navigation-fixe-en-haut-du-forum-html-css--------------------------------- */



/************************************************************ DÉBUT QEEL ************************************************************/

/*Fond du qeel*/
#qeel {
  position: relative;
  width: 797px;
  height: 681px;
  margin: auto;
  background-image: url('http://image.noelshack.com/fichiers/2014/48/1416922188-qeel-image2.png');
}

/*Carré des informations sur les membres*/
#qeel_info_members {
  position: absolute;
  top: 28px;
  left: 37px;
  width: 340px;
  height: 230px;
  color: #c9c7be;
  font-size: 11px;
  font-family: arial;
  letter-spacing: 1px;
  text-align: left;
}

/*Mise en forme des listes des membres connectés*/
#userlists {
  margin-top: 5px;
  height: 150px;
  overflow: auto;
}
#totalconn {
  margin-top: 5px;
}
#totalconn .row1{
  background: transparent;
  vertical-align: top;
}
#totalconn .gensmall {
  color: #c9c7be;
  font-size: 11px;
  font-family: arial;
  letter-spacing: 1px;
  text-align: left;
}


/*Section des groupes*/
#qeel_bottom {
  position: absolute;
  bottom: 30px;
  left: 12px;
  width: 773px;
  height: 254px;
  text-align: center; 
}

/*Nom des groupes*/
.qeelonglet {
  opacity: 0.6;
}
/*Groupe au survol*/
.qeelonglet_0:hover {
  cursor: pointer;
  opacity: 0.9;
}
/*Groupe actif*/
.qeelonglet_1 {
  opacity: 1;
}
/*Pour aligner l'onglet Deserteurs*/
#qeelonglet_Deserteurs {
  position: relative;
  top: 5px;
}

/*Images de description des groupes*/
.contenu_qeelonglet {
  width: 773px;
  height: 171px;
  margin-top: 7px;
  display: none;
}

/************************************************************ FIN QEEL ************************************************************/




/*Par Alu' pour NU*/
.fondpost{
  background-color: #0a0c0a;
  border: 1px solid #171a21;
  border-radius:500px / 90px;
  padding: 50px 15px;
  min-height: 230px;
  margin-top: 10px;
}




/********** WIDGET PLAYLIST **********/
.widget_flottant
{
width: 250px;
height: 100px;

position:fixed;
top: 200px;
right: 40px;
}

/********** V PARTENAIRES FOND PAGE V **********/
.toppartenaire {
width: 500px; /*largeur du cadre*/
height: 120px; /*hauteur du cadre, vous pouvez mettre auto si vous ne voulez pas définir une hauteur précise*/
-moz-border-radius: 30px; /*pour avoir un arrondi aux 4 coins de 30px, fonctionne uniquement sur mozilla*/
-webkit-border-radius: 30px; /*idem, fonctionne pour tous*/
border : 3px solid #332f27; /*le cadre du forum*/
background-color: #1c1a13; /*la couleur du fond*/
padding:10px; /*donne une marge de 10px de chaque côté et en haut et en bas du cadre*/
color: #ee6d63; /*couleur de l'écriture dans le cadre*/
}
/********** ^ PARTENAIRES FOND PAGE ^ **********/


/******************************************************* DÉBUT CATÉGORIES *******************************************************/


/*Catégorie*/
.cate {
  margin-bottom: 10px;
}

span.cate_title {
  display: block;
  background-image: url('http://img15.hostingpics.net/pics/956965Sanstitre.png');
  width: 740px;
  margin: 15px;
  padding: 10px;
  padding-bottom: 0px;
}
/*Titre de la catégorie*/
.cate_title h2 {
  display: block;
  margin: 0px;
  padding: 0px;
  font-family: 'Lithos Pro';
  font-size: 28px;
  text-shadow: 0px 0px 5px #000000;
  color: #23709e;
  font-weight: normal;
  letter-spacing: 1px;
}


/*Bloc de chaque forum*/
.forum {
  width: 740px;
  height: 199px;
  margin: auto;
  margin-bottom: 10px;
  padding: 10px;
  background-image: url(http://image.noelshack.com/fichiers/2014/48/1416945713-pattern.png);
  text-align: center;
  color: #7b848f;
}


/*Section du haut du forum*/
.forum_top {
  width: 718px;
  height: 30px;
  margin: auto;
  padding: 10px;
  background-color: #1F1D1A;
  border: 1px solid #161412;
}

/*Section de gauche avec le titre et les stats*/
.forum_top_left {
  float: left;
  width: 430px;
  text-align: left;
}
/*Titre du forum*/
a.forumlink {
  font-family: 'Lithos Pro';
  font-size: 15px;
  text-shadow: 1px 1px 1px #000000;
  color: #23709e!important;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 2px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
/*Titre du forum survolé*/
a.forumlink:hover {
  text-decoration: none!important;
  letter-spacing: 4px;
}
/*Statistiques*/
.forum_stats {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

/*Section de gauche avec le dernier message*/
.forum_top_right {
  position: relative;
  float: left;
  width: 278px;
  margin-left: 10px;
  text-align: left;
}
/*Dernier message*/
.forum_last_mess {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #7b848f;
}
/*Placement du titre du dernier message*/
.forum_last_mess a {
  display: block;
  margin-left: 28px;
  margin-bottom: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
/*Placement de l'image du dernier message*/
.cate a.last-post-icon, .cate a img[src="http://image.noelshack.com/fichiers/2014/48/1416950672-neww.png"] {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: 0px;
  width: 24px;
  height: 14px;
}
/*Mise en forme de l'auteur du dernier message*/
.forum_last_mess a.gensmall, .forum_last_mess a.gensmall strong {
  display: inline;
  margin-left: 5px;
  margin-bottom: 0px;
  font-family: 'Lithos Pro';
  font-style: normal;
  font-weight: normal!important;
  font-variant: normal;
  font-size: 15px;
  text-shadow: 1px 1px 1px #101010;
}


/*Section du bas du forum*/
.forum_bottom {
  position: relative;
  width: 738px;
  height: 137px;
  margin: auto;
  margin-top: 10px;
}

/*Bloc de la description du forum*/
.forum_desc {
  float: left;
}
/*Cadre de l'image de la description*/
.forum_desc_img_cadre {
  float: left;
  width: 250px;
  height: 125px;
  padding: 5px;
  background-color: #1F1D1A;
  border: 1px solid #161412;
}
/*Image de la description*/
.forum_desc img {
  width: 250px;
  height: 125px;
}
/*Description du forum*/
.forum_desc_desc {
  float: left;
  width: 440px;
  height: 125px;
  margin-top: 6px;
  padding-left: 20px;
  padding-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align: justify;
  overflow: auto;
}

/*Bloc sous les sous-forums*/
.forum_bloc_sous_forums {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 250px;
  height: 125px;
  z-index: 1;
}
/*Sous-forums*/
.forum_sous_forums {
  width: 240px;
  height: 115px;
  padding: 5px;
  text-align: justify;
  opacity: 0;
  background-color: rgba(0,0,0,0.7);
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
/*Apparition des Sous-forums*/
.forum_bloc_sous_forums:hover .forum_sous_forums {
  opacity: 1;
}

/******************************************************* FIN CATÉGORIES *******************************************************/


[KillMoon]

Petit up! Je désespère! Cet élargissement, je le confirme, se passe sur toutes les catégories.

[KillMoon]

Up urgent :c

[KillMoon]

Up!

[KillMoon]

Up

[Invité]

Salut KillMoon,

peux tu mettre un forum accessible aux invité ou l'on peut répondre ou créer un topic stp?

a++

[KillMoon]

Tout d'abord, merci!

J'ai ouvert ce forum pour cela, comme demandé: http://lazuli.forumactif.org/f3-administration
Puis créé un topic pour tester les réponses: http://lazuli.forumactif.org/t50-testttttttt

[Invité]

Salut KillMoon ,

ok merci.

Regardes ici et donne une largeur à ton fofo en pourcentage:
Général/Configuration/Général/Structure des pages
Largeur du forum (nombre ou %) :

80 devrait être correcte .

a++

[KillMoon]

Hannnn merci ça l'a fait!
Tout bête en fait merci beaucoup!