Bonjour,
Je suis entrain de développer un site "minimaliste" pour un label de musique.
Dans le principe, quand on arrive sur une page, le header/navigation est affiché en haut et tout le contenu en dessous apparait en fadeIn (2 sec). Il n'y a pas de footer. Le site est centré horizontalement.
Ça fonctionne bien quand il y a peu de contenu (exemple : header/navigation + un H1 + des miniatures permettant d'accéder à la page de chaque artiste).
Par contre si le contenu dépasse la hauteur de la page du navigateur (exemple: header/nav + long texte + photos), le header/nav est affiché, et dès que le fadeIn commence tout se décale brusquement sur la gauche d'une 10aine de px car la scrollbar apparait.
J'ai pensé à englober de le contenu de toutes les pages dans un <div> avec une hauteur fixe qui serait toujours de taille supérieure à chacun des contenus... mais c'est moche de scroller dans le vide sur une mini page.
Quelqu'un aurait il une solution "propre" à mon problème?
Merci
Je suis entrain de développer un site "minimaliste" pour un label de musique.
Dans le principe, quand on arrive sur une page, le header/navigation est affiché en haut et tout le contenu en dessous apparait en fadeIn (2 sec). Il n'y a pas de footer. Le site est centré horizontalement.
Ça fonctionne bien quand il y a peu de contenu (exemple : header/navigation + un H1 + des miniatures permettant d'accéder à la page de chaque artiste).
Par contre si le contenu dépasse la hauteur de la page du navigateur (exemple: header/nav + long texte + photos), le header/nav est affiché, et dès que le fadeIn commence tout se décale brusquement sur la gauche d'une 10aine de px car la scrollbar apparait.
J'ai pensé à englober de le contenu de toutes les pages dans un <div> avec une hauteur fixe qui serait toujours de taille supérieure à chacun des contenus... mais c'est moche de scroller dans le vide sur une mini page.
Quelqu'un aurait il une solution "propre" à mon problème?
Merci