J'inspecte souvent les sites à l'aide de firebug et j'ai remarqué une grande variété de complexité dans la façon dont les développeurs emballent leur contenu. Je regarde en particulier les mises en page alignées et centrées :
Au niveau le plus simple, on trouve des sites comme 99designs.com qui appliquent simplement un margin: 0 auto
a la body
élément.
Body -> Header/Content/...
Viennent ensuite la plupart des autres sites, dont stackoverflow est le meilleur exemple. Ces sites ont une sorte de conteneur dans lequel se trouvent l'en-tête et le contenu par exemple.
Body -> Container -> Header/Content/...
En outre, certains sites ont plusieurs enveloppes. Normalement, il y a une grande enveloppe extérieure qui consomme toute la page, comme dans le cas suivant body
et à l'intérieur de celui-ci, il y a le conteneur central comme dans l'exemple ci-dessus.
Body -> Wrapper -> Container -> Header/Content/...
Parfois colonnes Des divs sont définis, à l'intérieur desquels il y a une colonne gauche et une colonne droite. D'autres fois, on obtient la même colonne de gauche et de droite sans avoir besoin d'une colonne environnante ou d'une division de contenu.
Ma question est donc la suivante : pourquoi tout le monde ne le fait pas de la manière la plus simple, comme sur 99designs ? Est-ce pour gérer leur style, gérer ie6 ou quoi ?
Des idées ?