[Résolu] Sections en width et height 100%

Bonjour,

Y a-t-il un moyen pour réaliser un site avec des sections les unes sous les autres, qui prennent la taille de l'écran en hauteur et en largeur, sans utiliser de plugin, de position fixed ou absolute ? Un exemple avec un site de Soleil Noir. (je cherche à faire quelque chose de similaire, mais sans l'effet parallax.

Merci pour vos réponses.

bonjour,

à mon avis ce que tu souhaites faire n'est pas envisageable sans une sur-couche javascript.
pour faire en sorte que tes sections occupent toute la hauteur d'écran il faudra bien récupérer cette valeur et l'appliquer au chargement des éléments dynamiquement.

le site que tu donnes en exemple (qui m'épate à chaque fois que je le vois) est révélant. hormis les 3 librairies, il embarque pas moins de 6 plugins et ou scripts pour faire le job.

A+


edit: mortelle la vidéo Kick-Ass. Bravo !
Modifié par o06 (04 Jul 2012 - 10:30)

Ça peut se faire dans une certaine mesure mais avec des limites.

Si tu as des éléments SECTION enfants de BODY, tu peux faire:

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  }
body > section {
  min-height: 100%;
  }

(On préfèrera min-height à height pour tout bloc qui accueille un contenu textuel.)

Attention tout de même:
- Au modèle de boite CSS, si tu rajoutes des bordures ou du padding. La propriété box-sizing peut aider.
- Au comportement sur petit écran. Les Media Queries peuvent être utiles.
Modifié par fvsch (04 Jul 2012 - 11:01)

Merci à vous deux je regarde tout ça ce soir

Je reste ouvert à toute autre solution, à la limite même avec un plugin jquery.

ça marche nickel merci