Centrer au milieu de la page après compilation [Réglé]
Navalex Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre Navalex
- Inscrit le : 12/02/2012
- Site internet
- Groupes :
Je souhaite créer un thème pour un site sous la dernière version de PHPBoost. J'ai copier le thème Base pour commencer. Ensuite, prevoyant d'utiliser Compass, j'ai repris tous les fichiers css du thème sous des noms du style _{nom_du_fichier}.scss, et j'ai tout importer dans un fichier final.min.scss.
Fichier final:
Code CSS :
@import "design"; @import "content"; @import "table"; @import "form"; @import "global"; @import "login"; @import "cssmenu";
Fichier compilé:
Caché :
Le code que vous voulez colorer est trop long et consommerait trop de ressources pour être interprété. Merci de réduire sa taille ou de l'éclater en plusieurs morceaux.
Sauf que là, j'ai un gros soucis de disposition des éléments, sûrement à cause de flexbox, ce sont les vide en haut et en bas, que j'ai entouré de carrés rouges:

Et je ne sais pas comment le corriger..
Cordialement, Navalex.
Édité par Navalex Le 13/06/2017 à 16h57
olivierb Membre non connecté
-
Modérateur
- Voir le profil du membre olivierb
- Inscrit le : 07/02/2014
- Site internet
- Groupes :
-
Equipe Assistance
Juste pour préciser avant que les designers n'interviennent : tu utilises la version 5.0 ou 5.1 de PHPBoost car la 5.1 RC devrait sortir dans peu de temps et ce serait dommage de ne pas en profiter ?
Olivier.
Olivier


babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement

Coté preprocesseur, je ne serai pas d'une grande aide
ça donne quoi si le contenu de la page est plus important ?
en théorie la flexbox ne devrait pas influer vu qu'elle est implémentée au moins au 2eme niveau (top-header, global)
sinon l'ordre des fichiers css semble correct, l'inspecteur du navigateur donne quoi ?
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Tu n'est pas en ligne j'imagine ?
Navalex Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre Navalex
- Inscrit le : 12/02/2012
- Site internet
- Groupes :
Merci pour vos réponses.
Alors déjà non je ne suis pas en 5.1..

Ensuite, je ne manie pas encore les flexbox très bien (et c'est d'ailleurs l'occasion de me lancer !
) donc je ne saurais pas trop dire si c'est bon pas bon. :/ Et si le contenu est plus haut que la page, l'affichage est normal.Donc je suis en ligne si vous voulez que j'ouvre mon port pour voir de vous même envoyés moi un MP.
Cordialement, Navalex.
PS: Ca faisait longtemps que je n'avais pas utilisé PHPBoost, je n'ai pas suivi l'avancement des mises à jours
Édité par Navalex Le 13/06/2017 à 19h06
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
juste comme ça (et être sûr) c'est bien une V5.0.17 complet qui a été utilisée ?
Cordialement, janus57
Navalex Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre Navalex
- Inscrit le : 12/02/2012
- Site internet
- Groupes :
janus57 :
Bonjour,
juste comme ça (et être sûr) c'est bien une V5.0.17 complet qui a été utilisée ?
Cordialement, janus57
juste comme ça (et être sûr) c'est bien une V5.0.17 complet qui a été utilisée ?
Cordialement, janus57
Oui c'est bien cette version qui a été utilisée.
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Est-ce que tu n'aurais pas modifier la propriété min-height: 100vh; du
min-height: 100vh;?
Cette propriété permet de faire en sorte que le global fasse au moins la taille de la fenêtre navigateur.
Navalex Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre Navalex
- Inscrit le : 12/02/2012
- Site internet
- Groupes :
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
min-height: 0;présent dans le
div#global qui annule le min-height: 100vh;du coup.
J'ai l'impression que c'est compass qui te le rajoute vu le contenu initial. Si jamais tu ne trouve pas la raison tu peux faire :
min-height: 100vh !important;pour forcer l'affichage.
Navalex Membre non connecté
Booster Roquette
-
Booster Roquette
- Voir le profil du membre Navalex
- Inscrit le : 12/02/2012
- Site internet
- Groupes :
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
