Pb de largeur de page!

4 participants

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

Résolu Pb de largeur de page!

Message par shiniko 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
avatar

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

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 Lun 26 Juil 2010 - 16:08

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

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

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 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
avatar

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 Lun 26 Juil 2010 - 16:48

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

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 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
avatar

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

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 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?
avatar

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

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 Lun 26 Juil 2010 - 17:07

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

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 Lun 26 Juil 2010 - 17:08

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

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 Lun 26 Juil 2010 - 17:09

Merci quand même :/
avatar

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

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

demeter1
Membre actif

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

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

Résolu Re: Pb de largeur de page!

Message par shiniko Mar 27 Juil 2010 - 17:25

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

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

- Sujets similaires

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