Décalage du forum

[angelejunior]

Bonjour,
Je travail sur un nouveau thème, bannière verticale, pour que le forum soit un peu plus sur la droite, j'ai utiliser ce code :

Code:

.bodylinewidth
{
margin-left:420px;
}

L'adresse de mon forum test : http://testfo.forumactif.org/

mon collège vient de me dire qu'il ne voyait pas le forum correctement, il le voit tout à droite,


hors moi je le vois parfaitement


Nous sommes tout les deux sur google chrome.
Merci pour le coup de pouce ^^

[MasDan]

Bonjour,

Votre collège utilise un écran avec une résolution moindre que la vôtre. Voilà le problème.

Votre logo fait 826 px de large, plus le décalage de 420px, plus les marges...
Pour une résolution de 1280px (largeur) - on ne voit pas tout; avec 1600px ça va et avec 1920 il y a vraiemnt aucun problème.

Je suggère l'utilisation des pourcentages pour rendre le forum correctement visible pour les différentes résolutions d'écran.

Remplacer

Code:

.bodylinewidth {
  margin : auto auto auto 420px;
   width : 900px;
}

par

Code:

.bodylinewidth {
  margin : auto 15%;
}

aussi à votre CSS pour #pagebody enlever le width:900px;

Aussi, vous pouvez envisager de réduire le menu au cadre bleu et ainsi obtenir un dégagement rendant moins nécessaire de déplacer à droite le forum.



Suggestion : il faudrait s'assurer que votre forum aie au moins 3 utilisateurs et 3 messages sinon après 3 mois d'existence le forum sera supprimé.

[angelejunior]

Merci pour ta réponse MasDam, mais ça n'a rien changer

[néco]

je te suggère une autre proposition , une autre idée ^^

vas sur ton PA >>> module >>> les widgets

clic sur "créer un widget personnalisé"
puis tu lui donne le "nom" que tu veux (par exemple : espace à droite)
tu ne mets rien dans le "titre"
et surtout , à "table type" tu coche NON
puis dans le widget tu colles ça :

Code:

<img src="http://i39.servimg.com/u/f39/16/02/70/00/1x100p10.gif" />

(c'est juste une ligne transparente horizontale pour créer un espace fixe entre le bord droit de l'écran et le corps du forum)

ensuite tu installe ce nouveau widget dans la colonne 3 (droite) des widget

(avant tout cela , tu n'oublie pas d'activé les widgets en cochant la case "oui" et en mettant 180px dans la case de la colonne 3 (droite) et en enregistrant )

et ensuite dans ton css tu mets juste ça :

Code:

/** plaquer le forum à droite de l écran **/
.bodylinewidth {margin-right:0px !important;}

bien évidement , tu supprime toute les choses que tu as fait avant pour tenter de le décaler d'une autre façon

et voilà , normalement ça devrait marcher ^^
j'ai tester sur mon fo et ça a fonctionné correctement en tout cas

ensuite , si tu veux légèrement élargir ou rétrécir la largueur de ton forum (pour par exemple mieux équilibrer les largueur des espace entre la droite et la gauche du forum et les bords de l'écran)
tu vas dans ton PA >>> générale >>> forum ---> configuration
et tu descent jusqu'a "structure des pages"
et là , à "Largeur du forum (nombre ou %) :" , tu rentre un chiifre de ton choix impérativement suivie de % (exemple : 72%) (si tu ne mets pas le % ça comptera en pixel et ça fera forcément des différence d'un écran à l'autre ! )

voilà , j'espère que ça t'aura aidé , car sur le mien ça a bien marché ^^

bizzz

[angelejunior]

Bonjour,
Merci beaucoup néco, ça fonctionne parfaitement