Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Une question technique de layout

Michel Simonis
le 10 octobre 2016
à 13:03
Rappel du sujet :

Bonjour,
Voici une autre question pour un autre de mes sites : www.larcenciel.be
Après avoir été longtemps sur 3 colonnes, j’ai opté pour un layout mixte en 2 colonnes (PM) mais il reste un large vide à gauche. Si je choisis un PM fluide, le vide disparait mais j’ai une colonne de gauche qui s’élargit beaucoup trop selon la largeur de l’écran, et qui disparait si c’est trop étroit. Il faudrait qu’il reste lui aussi à 190 ou 200 px et que seule varie la largeur de la colonne centrale.
Ou alors que disparaisse le vide à gauche dans le mixte.
C’est plus clair si on visite mon site.
Merci pour l’aide.

Une question technique de layout

Bonsoir

En PMfluide, la colonne de gauche ne disparait pas, elle passe dessous !

En revanche, je ne comprends pas trop cette histoire de vide à gauche avec le PM ?
Tu pourrais remettre ce réglage en ligne que je vois ça ?

Une question technique de layout

Voilà à quoi ça ressemble.

Une question technique de layout

hmm
tu es sur de ne pas être en PPMmixte avec une colonne "extra" vide ?

Une question technique de layout

Mais oui, il me semble bien mais je n’ai pas d’autres choix.

Une question technique de layout

OK pigé !
Alors mets ceci dans ton fichier perso.css

div#page {
  margin-left: -200px;
}
div#contenu {
  margin-left: 200px;
}
div#navigation{
  width: 200px;
}
div#extra {
  width: 0;
}

et tu règles la largeur de ta colonne latérale en jouant sur la valeur 200 (les 3 occurrences doivent avoir la même valeur)

Mais attention, si tu reviens à un autre layout, ça va mettre le bazar !

Après, sur mon écran large, ça fait une colonne "centrale" très très (trop !) large.
A mon avis, rien ne vaut un layout fixe pour un bon confort de lecture.

Une question technique de layout

Merci pour la solution.
J’imagine que si je veux changer de layout, il me suffit de supprimer au préalable ce morceau de code de mon perso.css.

Une question technique de layout

Tu imagines bien !

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.1.3