class container

grisbigrisbi Member
dans Discussions
Bonjour à tous

Je mets doucement les mains dans plucss et j'aurais une petite question :

La class container faut il la mettre a chaque objet (exemple un formulaire) ou a
chaque page ?

En decortiquant certains codes sources de themes je me suis aperçu que cette
classe aparaissais quelquefois mais pas tujours

merci de m'éclairer

a+

Réponses

  • kowalskykowalsky Member
    juillet 2017 modifié
    @grisbi : tout dépend du codeur et du code css utilisé avec :) mais cette classe est usuellement utilisée pour englober et délimiter toute la page (la classe .container est souvent remplacée par .page). (http://romy.tetue.net/structure-html-de-base)

    Dans PluCSS, elle permet de s'assurer que la balise qui y fait appel ne dépassera pas 1280px de large, avec une marge latérale de 1,5rem en affichage normal (la marge varie en fonction de la largeur d'affichage via les media query).

    .container {
    margin: 0 auto;
    max-width: 1280px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
    }

    On voit donc que son rôle principal est de limiter la largeur d'un objet assez grand et d'y associer une marge. Cette classe peut donc être réutilisée pour cet usage si besoin, cependant :
    [list=*]
    [*]Ne pas confondre avec la classe .content qui défini souvent un "contenu" et est beaucoup plus présente dans le code html d'une page web[/*]
    [*]Et aussi à ne pas confondre avec la définition française d'un "bloc conteneur" (phonétiquement proche du mot anglais "container") qui sert à encadrer plusieurs balises (par exemple un formulaire avec ses différents champs - à noter qu'en html5 on préfèrera utiliser la balise <form> avec son code css associé pour structurer le formulaire)[/*]
    [/list]
Connectez-vous ou Inscrivez-vous pour répondre.