Partage
  • Partager sur Facebook
  • Partager sur Twitter

Taille de la page||html/css

Sujet résolu
    8 novembre 2019 à 21:42:26

    Bonjour,

    Aujourd'hui je m’exerçais en HTML/CSS et je voulais faire une colonne à gauche de ma page  dans laquelle je pourrais mettre n'importe quoi, genre un menu, et un bloc à droite avec le contenu. J'ai donc fait une colonne qui fait 100% de height, donc 100% de la longueur de la page peut importe si on l'agrandi, la raplatie etc...  en changeant les propriétés de <body> et <html> et ça m'a donné ça : 

    et voici le code HTML  et css:

    Quelqu'un pourrait m'expliquer  s'il vous plait pourquoi est ce que j'ai cette barre pour scroller à droite qui fait que je ne vois pas ma colonne en entier? Et pourquoi et ce que je ne dois même pas mettre la propriété " height: 100%" à ma colonne pour qu'elle prenne toute la page (en dépassant :colere:) et que si je mais cette propriété ma colonne se raplatit en une ligne? 

    Merci d'avance pour vos réponses et n'hésitez pas à me donner une autre méthode pour faire ce que j'essaie de coder.

    -
    Edité par RurekFarba 8 novembre 2019 à 21:49:30

    • Partager sur Facebook
    • Partager sur Twitter
      9 novembre 2019 à 0:41:28

      Salut,

      Plutôt que de faire ça, définit simplement min-height: 100vh; sur ton body. C'est plus simple et plus safe.

      Sinon, ton problème vient du fait que body a un margin par défaut de 8px, corrige ça en y ajoutant margin: 0;

      • Partager sur Facebook
      • Partager sur Twitter

      Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !

        9 novembre 2019 à 8:44:30

        EmmanuelBeziat a écrit:

        Salut,

        Plutôt que de faire ça, définit simplement min-height: 100vh; sur ton body. C'est plus simple et plus safe.

        Sinon, ton problème vient du fait que body a un margin par défaut de 8px, corrige ça en y ajoutant margin: 0;


        Yes ça a marché, merci beaucoup de m'avoir répondu!
        • Partager sur Facebook
        • Partager sur Twitter

        Taille de la page||html/css

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        • Editeur
        • Markdown