Pb de largeur de page!

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

Résolu Pb de largeur de page!

Message par shiniko le Sam 24 Juil 2010 - 14:56

Bonjour Smile

L'affichage de mon forum me pose problème. La page d'accueil est beacoup trop large par rapport à mon écran et je suis obligée d'utilisée le "scroller" du bas. J'ai réglé les pourcentages de largeur de page, suis à 60% et toujours le même problème. Mais ce problème n'est QUE sur la Page d'accueil! Lorsque j'entre dans une catégorie ou autre, la largeur du forum est à la bonne taille...
Il n'y a visiblement pas d'images pouvant déformer la PA... que faire?
Merci d'avance!


Dernière édition par shiniko le Mer 28 Juil 2010 - 21:48, édité 1 fois

shiniko
*

Messages : 36
Inscrit(e) le : 07/08/2009

shiniko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par Querel le Sam 24 Juil 2010 - 15:05

Salut !

Alors si les autres pages du forum sont de bonne taille, je pense que c'est forcément à cause d'un élément sur la page d'accueil. ^^

Pourrait-on avoir un lien ou une capture d'écran de cette PA, pour savoir de quoi il retourne ? O:

Querel
*

Masculin
Messages : 32
Inscrit(e) le : 23/07/2010

http://feleth.superforum.fr/
Querel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par shiniko le Lun 26 Juil 2010 - 16:08

Bien sûr:
http://enconstruction2010.forumactif.com
Je n'ai encore rien mis dans la PA Oo"

shiniko
*

Messages : 36
Inscrit(e) le : 07/08/2009

shiniko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par Inconnue_du_31 le Lun 26 Juil 2010 - 16:17

A mon avis, c'est la largeur de ton logo. Si tu veux en faire un comme ça, ce que je te conseille, c'est de le découper au milieu pour faire le logo pour ne pas que la largeur de ta page d'accueil soit trop grande et en fond de page, tu mets le reste de ton image.

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par shiniko le Lun 26 Juil 2010 - 16:47

Donc le pb c'est que mon fond est trop grand?
Je ne saisis aps bien l'idée du découpage :s
Edit: j'ai supprimmé mon fond de page pour faire un test, la largeur du forum reste la même...
Peut-être est-ce mon code CSS?
Code:
body { cursor: crosshair }
a:hover { cursor:ne-resize; }

/*I. FORUM & MESSAGES*/


/*Plus d'édition, justifié*/

tr.post span.gensmall { display: none; }

.postbody { display: block; text-align:justify;}



/*A. Présentations des liens*/

a
{
font-family: calibri;
text-transform: uppercase;
TEXT-DECORATION: none; text-shadow: 1px 1px 1px #00000;
}

a:hover
{
TEXT-DECORATION: none;
font-style: italic;
}

a.forumlink
{
text-shadow: 2px 2px 2px #00000;
}



/*B. Arrondis du forum*/

.forumline{
-moz-border-radius: 6px;
border-width:5px;
}



/*C. Catégories*/

.forum{
border-bottom: 2px dotted #ffffff;
background-color: #6F504C;
-moz-border-radius: 8px;
}
.forum:hover{
border-left: 5px solid #613340;
border-right: 5px solid #613340;
border-bottom: transparent;
background-color: #785750;
-moz-border-radius: 8px;
}

.a {
border-bottom: 3px solid #6F504C;
}
.a:hover {
border-left: 5px solid #613340;
border-right: 5px solid #613340;
border-bottom: transparent;
background-color: #785750;
}


.f {
border-left: 5px solid #6F504C;
border-right: 5px solid #6F504C;
border-bottom: transparent;
background-color: #785750;
}
.f:hover {
border-left: 5px solid #785750;
border-right: 5px solid #785750;
border-bottom: transparent;
background-color: #6F504C;
}


/*D. Liens PA*/


.PA {
width: 500px;
background-color: #211600;
-moz-border-radius-topleft: 25px;
}
.A {
width: 500px;
background-color: #211600;
-moz-border-radius-topright: 25px;
}
.P {
width: 500px;
background-color: #211600;
}

.e {
border-bottom: 3px solid #211600;
}

.CB {
width: 500px;
background-color: #6F504C;
}
.C {
width: 500px;
background-color: #6F504C;
-moz-border-radius-bottomleft: 25px;
}
.B {
width: 500px;
background-color: #6F504C;
-moz-border-radius-bottomright:25px;
}

.liens {
border-left: 5px solid #211600;
border-right: 5px solid #211600;
background-color: #362308;
}
.liens:hover {
border-left: 5px solid #362308;
border-right: 5px solid #362308;
background-color: #211600;
text-transform: italic;
}

.g {
text-transform: small-caps;
font-variant: small-caps;
}

 .titre {
background-color: #211600;
border: 3px solid #362308;
}


/*E. Contour Avatars*/

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 8px solid #826852 ;
}

.postdetails.poster-profile textarea { width: 200px;}



/*G. Arrondis boutons*/

input.mainoption {
      background-color:#836952;
      -moz-border-radius: 10px;
}

input.liteoption {
      background-color:#836952;
      -moz-border-radius: 10px;
}





/*II. CITATIONS, SPOILERS & CODES*/

.spoiler {
background-color:#544242;
border: dotted 1px #b39595;
}

.quote{
border: dotted 1px #b39595;
background-color:#544242;

}

.code{
border: dotted 1px #b39595;
background-color:#544242;

}

.quote, .code, .spoiler {
 -moz-border-radius: 12px;
  padding: 4px;
}

.code div {
width:450px!important;
}

.quote div {
width:450px!important;
}

.spoiler div {
width:450px!important;
}




/*III. CB*/

body.chatbox td.catBottom a.cattitle strong {
visibility: hidden;
}

body.chatbox td.catBottom a.cattitle strong:before {
visibility: visible;
content: "Le Grand Manitou vous parle";
}

body.chatbox {
background-image: url(http://moe.mabul.org/up/moe/2010/06/21/img-115503wdt7g.png);
background-color: transparent;
}




/*IV. QEEL*/

.statistiques{
border:0px;
font-size : 8px;
background-color:#;
background-image: url("http://moe.mabul.org/up/moe/2010/06/13/img-2241575wqvl.png");
background-repeat: no-repeat;
background-position: center;
height:400px;
Width:500px}


.groupes{
width: 300px;
background-color: #211600;
border: 1px dotted #362308;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
}

.qeel{
background-color:#;border: none
-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;
font-size : 12px;}




/*V. BARRE NAVIGATION*/




/*VI. FOND FIXE ET CENTRER*/
body { ; background-repeat: no-repeat; background-position: top center;}

body {
background-repeat: no-repeat;
}



/*VII. RANG*/

.serpy {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #008000;
}
.serpy:hover {
padding-left: 10px;
border: 1px dotted #008000;
border-left: 4px solid #479439;
border-right: 4px solid #479439;
text-transform:uppercase;
}

.gryffy {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #BF3939;
}
.gryffy:hover {
padding-left: 10px;
border: 1px dotted #BF3939;
border-left: 4px solid #CD5C5C;
border-right: 4px solid #CD5C5C;
text-transform:uppercase;
}

.pouffy {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #dbdb55;
}
.pouffy:hover {
padding-left: 10px;
border: 1px dotted #dbdb55;
border-left: 4px solid #FFFF00;
border-right: 4px solid #FFFF00;
text-transform:uppercase;
}

.serdy {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #4156BA;
}
.serdy:hover {
padding-left: 10px;
border: 1px dotted #4156BA;
border-left: 4px solid #4169E1;
border-right: 4px solid #4169E1;
text-transform:uppercase;
}

.profs {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #9E5BA8;
}
.profs:hover {
padding-left: 10px;
border: 1px dotted #9E5BA8;
border-left: 4px solid #BA55D3;
border-right: 4px solid #BA55D3;
text-transform:uppercase;
}

.ministere {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #B35F16;
}
.ministere:hover {
padding-left: 10px;
border: 1px dotted #B35F16;
border-left: 4px solid #A0522D;
border-right: 4px solid #A0522D;
text-transform:uppercase;
}

.mangouste {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #1F6569;
}
.mangouste:hover {
padding-left: 10px;
border: 1px dotted #1F6569;
border-left: 4px solid #008B8B;
border-right: 4px solid #008B8B;
text-transform:uppercase;
}

.sorciers {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #F0D8A8;
}
.sorciers:hover {
padding-left: 10px;
border: 1px dotted #F0D8A8;
border-left: 4px solid #FFDEAD;
border-right: 4px solid #FFDEAD;
text-transform:uppercase;
}

.némoldu {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #A3F0CB;
}
.némoldu:hover {
padding-left: 10px;
border: 1px dotted #A3F0CB;
border-left: 4px solid #00FFFF;
border-right: 4px solid #00FFFF;
text-transform:uppercase;
}

.cracmol {
padding-left: 10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #C0C0C0;
}
.cracmol:hover {
padding-left: 10px;
border: 1px dotted #C0C0C0;
border-left: 4px solid #856583;
border-right: 4px solid #856583;
text-transform:uppercase;
}



/*IV. BULLE*/


/*PA*/

.tstaff{
font-size:1em;
}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: #6F504C;
padding: 5px;
left: -1000px;
border: 1px dotted #ffffff;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{
border: 1px groove;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}


/*Info*/

a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour a la ligne non-desiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: #7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}


Dernière édition par shiniko le Lun 26 Juil 2010 - 16:51, édité 1 fois

shiniko
*

Messages : 36
Inscrit(e) le : 07/08/2009

shiniko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par Inconnue_du_31 le Lun 26 Juil 2010 - 16:48

Enfin, à mon avis, c'est le logo ^^

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par shiniko le Lun 26 Juil 2010 - 16:53

Mon logo est transparent et n'est pas "large" du tout:
http://moe.mabul.org/up/moe/2010/06/13/img-215514v8un6.gif

shiniko
*

Messages : 36
Inscrit(e) le : 07/08/2009

shiniko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par Inconnue_du_31 le Lun 26 Juil 2010 - 16:56

MMh ... Sur mon PC (enfin, c'est pas le mien mais bon), il n'y a pas de problème ! Peut-être tu pourrais essayer de faire un Zoom arrière sur la page d'accueil quand tu y vas ?_?

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par shiniko le Lun 26 Juil 2010 - 17:00

Ah bon? Il n'y a pas de différence entre quand tu es sur la PA et quand tu es dans une catégorie?

shiniko
*

Messages : 36
Inscrit(e) le : 07/08/2009

shiniko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par Inconnue_du_31 le Lun 26 Juil 2010 - 17:02

Non.
Peut-être aussi c'est à cause de la largeur de ton fond de page !! Héhé, j'ai un peu réfléchis quand même !
Ou alors, c'est la largeur de ton écran ! ^^'

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par shiniko le Lun 26 Juil 2010 - 17:07

Oui mais si c'était mon fond de page, ça ne concernerait pas QUE la PA...

shiniko
*

Messages : 36
Inscrit(e) le : 07/08/2009

shiniko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par Inconnue_du_31 le Lun 26 Juil 2010 - 17:08

Mmh ... c'est un grand mystère pour moi alors !

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par shiniko le Lun 26 Juil 2010 - 17:09

Merci quand même :/

shiniko
*

Messages : 36
Inscrit(e) le : 07/08/2009

shiniko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par Querel le Lun 26 Juil 2010 - 23:00

Salut !

Alors moi à mon avis c'est cette partie ci qui pose le problème :
Spoiler:

Les images ne sont pas très larges, mais comme elles sont disposées par 2 en ligne, ça force ton forum à avoir au moins cette largeur...

Essaye avec des images plus étroites, juste histoire de savoir si le problème vient de là ^^

Querel
*

Masculin
Messages : 32
Inscrit(e) le : 23/07/2010

http://feleth.superforum.fr/
Querel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par demeter1 le Lun 26 Juil 2010 - 23:12

Votre header est trop large (1350px de largeur pour 600px de hauteur).

Le css qui gére le header est :

body {
background-attachment:scroll;
background-color:#332A2E;
background-image:url("http://moe.mabul.org/up/moe/2010/06/13/img-175005dxswn.png");
}

Il est normal que votre forum prenne la largeur de l'élément le plus grand

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb de largeur de page!

Message par shiniko le Mar 27 Juil 2010 - 17:25

Le problème venait bien du "tableau" ... Merci beaucoup Very Happy

shiniko
*

Messages : 36
Inscrit(e) le : 07/08/2009

shiniko 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