Remplissage latéral lorsque la largeur est supérieure à 1280px

Question

Je souhaite créer un site Web qui remplisse la largeur de page à 100% pour toutes les largeurs (espace disponible) inférieur ou égal à 1280px et pour toutes les largeurs supérieures à 1280 deux barres latérales de remplissage doivent apparaître comme ceci: | remplir | site web | remplir |).

(Comment) puis-je faire cela sans scripts? (en utilisant les paramètres css?)

Answer 1

Voulez-vous du contenu dans les bits de "remplissage", ou juste une chose de type bordure? Si vous utilisez simplement une bordure, vous pouvez utiliser une image/couleur d'arrière-plan pour créer l'effet de remplissage et utiliser la largeur maximale sur le bit de contenu principal. Sachez que cela ne fonctionnera pas dans IE6, si c'est important pour vous.

<div style="max-width: (bar width * 2) + 1280"> 

    <div style="max-width: 1280px"> 

     <!-- content --> 

    </div> 

</div> 

Answer 2

Vous pouvez utiliser quelque chose comme ceci:

#content { 
    max-width: 1280px; 
    width: 100%; 
    margin: 0 auto; 
} 

qui fait référence au style appliqué à un div qui a tout le contenu de la page.

Vos "barres latérales" seraient quel que soit l'arrière-plan body.