Bonjour, je ne sais pas si ce sujet est bien placé (mon code comprenant du bootstrap) mais je pense que oui :x
Mon problème est le suivant :
J'ai créer une navbar avec bootstrap et tout fonctionne très bien
J'ai voulu insérer dessus un scrollspy
Le scrollspy une fois actif fait planté le background de ma section 1 (le scrollspy fonctionne) Par "planté" j'entend par la que le height: 100%; est désactivé
Si <!DOCTYPE html> est remplacé par <!DOCTYPE> le background reprend sa height 100% mais le scrollspy ne fonctionne plus
Mon code ne comporte visiblement aucune erreur HTML (Validate W3C)
J'ai bidouillé le peu de CSS que j'ai mais rien n'y fait, la seule méthode qui fonctionne pour avoir un background assez long et un scrollspy actif dans le même temps et d'affecter une height en px au background (donc pas très pratique pour les personnes ayant avec une résolution différente et qui visiteront le site)
Merci d'avance à toute personne qui prendra un peu de temps pour me venir en aide
Non, height: 100% n'est pas "désactivé". La hauteur ne fonctionne pas comme la largeur, et une hauteur relative doit être référée à quelque chose. Si l'élément parent a une taille définie, alors on peut utiliser une hauteur relative sur son descendant direct, pas autrement.
Plus simple que ça, utilise l'unité vh, relative à la hauteur de la fenêtre : En faisant min-height: 100vh sur ton bloc, tu es sûr qu'il occupe au moins la hauteur de la fenêtre. Mieux, avec calc() tu peux même retirer la hauteur de la navbar (en mesurant sa taille) : min-height: calc(100vh - 48px);
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Bug <!DOCTYPE html> ?
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !