Css: html, body?

Fermé
syd007 - 15 janv. 2006 à 16:49
maxime_B Messages postés 788 Date d'inscription mardi 14 juin 2005 Statut Membre Dernière intervention 15 juin 2010 - 15 janv. 2006 à 22:23
Bonjour,

Je suis en train d'apprendre les css pour faire mon 1er site web.

Et j'ai trouvé ceci en haut d'une feuille de style sur internet :

html, body {
width: 100%;
height: 100%;
}

Savez-vous à quoi ces lignes renvoient ou ce qu'elles permettent sur mon document html ?
Je suis un peu perdu là...

Merci bcp.

3 réponses

crabs Messages postés 908 Date d'inscription lundi 18 avril 2005 Statut Membre Dernière intervention 3 août 2008 507
15 janv. 2006 à 17:14
Salut,
Ca peut servir dans des cas assez particuliers. Perso j'en connais 1 : tromper
IE pour faire des div en position fixed, mais ça va dépendre d'autre éléments de
la page de style.
Une url pour l'exemple :
http://www.ibilab.net/webdev/articles/CSS/position-fixed-pour-tous-navigateurs-2.htm
A+, crabs
0
Thom@s Messages postés 3412 Date d'inscription mardi 4 mars 2003 Statut Modérateur Dernière intervention 28 septembre 2019 678
15 janv. 2006 à 17:18
Salut !

Les balises <html></html> encadrent tout le code HTML d'une page, et <body></body> tout le corps d'une page.
Width, c'est la largeur, et height, la hauteur ;-)

Par conséquent ce code permet de fixer à 100% la taille (hauteur et largeur) de ta page HTML.

D'après moi, le but de ce code pourrait être de supprimer d'éventuelles marges blanches tout autour de la page, lorsqu'elle s'affiche dans le navigateur. En effet, parfois, la page ne "colle" pas exactement au bordures du navigateur, ce qui peut être un peu gênant, surtout lorsqu'on affiche des images.

Dans ce but, on peut aussi utiliser margin-left:0px; margin-top:0px; etc...

Mais n'étant pas expert du CSS, il y a sûrement d'autres usages possibles :)

A+ :-)
0
maxime_B Messages postés 788 Date d'inscription mardi 14 juin 2005 Statut Membre Dernière intervention 15 juin 2010 55
15 janv. 2006 à 22:23
salut
eh bien ce code css donne une largeur de 100% sur la page de ton site et aussi une hauteur de 100%.
0