Discussion :

[NainTernaute]

Bonjour à tous,

J'essaie actuellement de construire un site fullscreen pour un client, en Responsive Design ; j'utilise donc Bootstrap pour me simplifier la vie.

Ma structure est relativement simple : la navbar et un container-fluid en dessous. Le problème, c'est que j'ajoute un padding-top de 60px afin d'afficher le container en dessous de la navbar... Et là les choses se gatent.

Comme j'imagine que le container a une taille de 100%, le padding inclue un overflow et j'ai donc une scrollbar qui apparaît systématiquement. L'idée serait de ne faire apparaître cette scrollbar que lorsque nécessaire, d'où l'impossibilité d'un "overflow: hidden;" sur le body. Ou alors, il faudrait pouvoir détecter lorsque le texte dépasse réellement de la hauteur.

Avez-vous des idées ?

Merci d'avance,
Jérémy

[David Boring]

Regarde mieux le code de bootstrap, le padding est sur le body

[NainTernaute]

Yep, c'est bien le souci, ça rajoute 60px en plus des 100% d'où l'overflow systématique. =/

[David Boring]

Et tu es obligé de rajouter un height 100% sur le body ?
Je ne comprends pas très bien ton problème car sur Bootstrap cela fonctionne sans problème.