"html" à quoi celà correspond-il?

**NicolasJolet** · 17/11/2006, 13h25

Bonjour à tous,
J'ai vu certaines personnes utiliser html dans leur feuille de style.
Je me demandais visuellement à quoi il correspondait?

Il prend la même surface que body si rien n'est défini?

Désolé d'être aussi peu précis, mais je débute et je ne sais pas encore bien comment tout fonctionne.

Merci d'avance,
Nicolas

**trotters213** · 17/11/2006, 14h16

tu as dû voir * html précisément, c'est un hack IE.
Cela fonctionne sur un bug de IE : IE est le seul à comprendre * html donc ça permet de corriger certains problèmes liés aux styles (car tu dois savoir que IE n'affiche rien comme les autres).
Par contre c'est déprécié, on préfère utiliser les commentaires conditionnels si vraiment il n'y a pas d'autres solutions.

**NicolasJolet** · 17/11/2006, 14h26

Salut trotters213,
voici exactement ce que j'ai vu :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
html, body {
    height: 100%;
}
#container {
    position: relative;
    min-height: 100%
}

**trotters213** · 17/11/2006, 14h49

Et bien apparemment ça correspond à la fenêtre en entier mais je n'avais jamais vu quelqu'un l'utiliser comme ça.
D'après ce que le gars dit dans l'article, ça m'a l'air spécifique comme utilisation.

**NicolasJolet** · 17/11/2006, 14h57

EDIT :Ok d'accord.

Le body est toujours positionné avec une marge par rapport au html.

Peu importe le navigateur?

**Bisûnûrs** · 17/11/2006, 15h12

Envoyé par NicolasJolet

Peu importe le navigateur?

Oui.

Regarde les exemples au-dessus, tu verras que la bordure n'est pas au bord du navigateur.

**Bisûnûrs** · 17/11/2006, 14h56

Le body est toujours positionné avec une marge par rapport au html.

Un élément ne peut prendre la valeur 100% que lorsque son conteneur a lui-même une hauteur attribuée.

Par exemple, si tu fais :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
<style>
body{
   border:1px solid #f00;
   height:100%;
}
</style>
</head>
<body>
</body>
</html>

Ca sera différent de :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head>
<style>
html{
   height:100%;
}
body{
   border:1px solid #f00;
   height:100%;
}
</style>
</head>
<body>
</body>
</html>

"html" à quoi celà correspond-il?

CSS

Vue hybride

Partager

Partager