Problème adaptation du forum en diminuant la taille du navigateur

[Ancients]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://nsp-d3.forumofficiel.com/

Description du problème

Bonjour,

Mon forum est "responsive", ça a un avantage esthétique quand seulement ça marche bien..





Quand je diminue mon navigateur (image 2) beaucoup de choses sont décalées sur la droit (y compris la barre de menu tout en haut).

Voici mes questions :

Mon premier souhait est que tout s'adapte bien de manière homogène. Comment faire?

Si cela n'est pas possible comment mettre le forum en "fixe" (qu'il ne bouge pas en modifiant la taille du navigateur). J'aimerai éviter cette solution peut pratique si des membres ne sont jamais en full.

Merci d'avance pour votre aide précieuse

[Feuilla']

Re Ancients,
on peut adapter l'apparence du forum selon la #résolution d'écran (et le type d'écran mais ici ça nous intéresse peu), en passant par le CSS. Par exemple pour la page d'accueil, pour éviter que les catégories et forums débordent et obligent à défiler horizontalement pour tout voir, on peut ajouter

Code:

@media all and (max-width:1100px)
  {
  #wrap, #logo, div.inner, .forabg, img, a img, #logo-desc
  {
    width:auto
  }
}

Tous les écrans avec une largeur égale ou inférieure à 1100 pixels seront touchés.
Dans le code il y a aussi des parties pour les images, le logo, les liens image... C'est surtout pour les bannières larges et les images qui débordent. Normalement il n'y aura plus de #scrollbar, sur les fenêtres et écrans réduits, ...

Bonne soirée !

[Ancients]

Bonjour chère Feuilla,

J'ai essayé votre code et je ne vois aucun changement, vous pouvez regarder sur mon forum. Il y a toujours le décalage de la barre de navigation sur la droite en réduisant le navigateur et décalage de texte vers le bas dans les sujets (les points prioritaires).

Merci pour votre réponse et votre aide

[MasDan]

Bonjour,

pour la barre de navigation,

à votre CSS, repérer #logo img et supprimer position: fixed.

[Ancients]

Merci beaucoup,

Bonne journée