39 votes

Quelle est la bonne façon de faire un Wrapper CSS ?

J'ai entendu beaucoup de mes amis parler d'utiliser des wrappers en CSS pour centrer la partie « principale » d'un site web.

Est-ce la meilleure façon d'y parvenir ? Quelle est la meilleure pratique ? Y a-t-il d'autres moyens ?

7voto

AlanG Points 297

Vous n'avez pas besoin d'une cape, utilisez simplement le corps comme cape.

CSS :

body {
    margin:0 auto;
    width:200px;
}

HTML :

<body>
    <p>some content</p>
<body>

3voto

Hussein Points 23042
<div class="wrapper">test test test</div>

.wrapper{
    width:100px;
    height:100px;
    margin:0 auto;
}

Consultez l'exemple de travail sur http://jsfiddle.net/8wpYV/

1voto

wsanville Points 22066

Le moyen le plus simple est d'avoir un élément « enveloppant » div %-% avec un width défini, et une marge gauche et droite de auto.

Exemple de balisage :

<!doctype html>
<html>
<head>
    <title></title>
    <style type="text/css">
        .wrapper { width: 960px; margin: 0 auto; background-color: #cccccc; }
        body { margin: 0; padding: 0 }
    </style>
</head>
<body>
    <div class="wrapper">
        your content...
    </div>
</body>
</html>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X