Bienvenue sur les forums conseil & création · S'enregistrer

Se connecter automatiquement

Forums » Mise en page (HTML/CSS) » Dimensions d'une page web · Envoyer le lien

Par tomquetal, le 29 Sep 2008, 17:16 Revenir en haut de page Répondre en citant

Bonsoir,

Je cherche une balise permettant de restreindre la taile de ma page web a 800pixels de largeur : une page qui est impossible d'ouvrir en plein ecran.

Un exemple concret a cette adresse : http://www.rennes-skate.com/site/v2/index.htm

Merci.
Par Cédric, le 05 Oct 2008, 20:09 Revenir en haut de page Répondre en citant

Salut,

Si j'ai bien compris ce que tu cherches à faire, ce n'est pas vraiment une balise spécifique qu'il te faut, mais voici un code qui devrait te convenir:

Dans l'en-tête de la page (ou mieux dans une feuille de style à part):
Code:
<style type="text/css">
  body { text-align:center; margin:0; padding:0; }
  #page { width:800px; margin:5px auto; text-align:left; }
</style>


Et pour le corps, tu utilises un DIV avec id="page" (style css #page) comme premier élément
Code:
<body>
<div id="page">
  [... éléments de la page]
</div>
</body>


Cédric


Dernière édition par Cédric le 05 Oct 2008, 20:18; édité 1 fois
Par Cédric, le 05 Oct 2008, 20:17 Revenir en haut de page Répondre en citant

Pour info, on supprime toutes les marges de la page et on centre le contenu (ligne CSS 1). Puis pour l'élément "page" (ligne CSS 2) on fixe sa largeur à 800 pixels avec des marges horizontales automatiques (=> le navigateur calcule les marges pour que l'élément soit centré). Enfin pour éviter que la balise hérite du centrage de body (ça arrive dans certains navigateurs) on rétablit l'alignement à gauche.

N'hésites pas si tu as des remarques ou d'autres questions (& désolé pour le retard dans la réponse)
Cédric

Forums » Mise en page (HTML/CSS) » Dimensions d'une page web · Envoyer le lien