Bonjour à tous,

Je créé le site d'un photographe en HTML5/CSS3 et PHP. Je dois réaliser un site full screen background image (en hd of course) avec un scroll uniquement horizontal.
Comme ceci : http://www.claytonbozard.com

Je souhaitais customiser la scrollbar et je me suis tournée vers des Plugins jQuery, notamment Jscrollpane http://jscrollpane.kelvinluck.com/

J'ai installé les différents fichiers et paramétré les dimensions de mon conteneur dans mon CSS.
Voici mes soucis :
- Firefox et IE affichent les deux scrollbars et ne respectent pas le height 100% pour mes images (les paysages sont très petites et les portraits trop grands)
- Chrome n'affiche que la scrollbar verticale

Mon conteneur section possède une requête PHP qui va chercher les images dans un répertoire, voici son CSS :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
section {
   width: 100%;
   height: 100%;
   white-space: nowrap;
   position: absolute;
   overflow: auto;
   overflow-y: hidden;
}
 
section img  {
   display:inline-block;
   height: 100%;
}
Si quelqu'un a une idée, merci !