28172 sujets

CSS et mise en forme, CSS3

[Solution] Encadrer l'affichage d'un site

Bonjour à toutes et à tous,

Encadrer l'affichage d'un site

Je voudrais que mon site s'affiche dans une fenêtre ayant pour dimensions: hauteur 500px, largeur 400px.

J'essaie, sans succès d'utiliser:


html {
 height: 500px;
 width: 400px;
 }


La couleur de fond occupe la totalité de l'écran.

Avec mes remerciements
Cordialement
Papy
Modifié par Jean Sympa (08 Apr 2011 - 15:10)
C'est sur le <body> qu'il faut jouer.

En plus des dimensions souhaitées tu dois le positionner à l'aide de margin.

Par exemple :


body { 
 height: 500px; 
 width: 400px; 
 margin: 30px auto;
 }



À toi de jouer sur les diverses possiblités pour obtenir ce que tu désires.


à plus,

éric
Merci padding-top,

avec

body {
 height: 500px;
 width: 400px;
 margin: 30px auto;
 background-color: red;
 }

la couleur de fond de body déborde la plage 500x400px et occupe la totalité de l'écran. Autrement dit l'affichage de site n'est pas limité à cette plage.

Cordialement
Papy
Parce que tu n'as pas déclaré de couleur de fond pour html.


à plus,

éric
Modifié par padding-top (07 Apr 2011 - 10:16)
Bonjour à tous,

J'ai réussi à encadrer mon site grâce aux conseils de padding-top que je remercie. Il faut placer dans la feuille de style/


body { 
 height: 500px; 
 width: 400px; 
 margin: 30px auto; 
 background-color: red; 
 }

et déclarer une couleur de fond pour html.

html {
 background-color: blue; /*  blue par exemple */
 }


Cordialement
Papy
Sujet clos
Aller à