Body y html, body.

GUSUM · #1 (**permalink**) 16/10/2008, 13:56

Hola a todos!
Tengo esta duda, a ver si alguien me la puede aclarar:
¿Hay alguna diferencia entre escribir una regla para body y otra para html, body?
Gracias!

Mikmoro · #2 (**permalink**) 16/10/2008, 15:54

Sí, una importante diferencia: que una regla afecte o no al html puede ser determinante. Recuerda que html es el elemento básico, el nivel 1 de la página, y body es el nivel 2 (figuradamente).

Haz esta prueba: primero pon esto

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>html, body</title>
<style type="text/css">
body {height: 100%; width: 100%;}
#uno {height: 100%; width: 100%; background: blue;}
</style>
</head>
<body>
<div id="uno">
</div>
</body>
</html>

y ahora añade html, delante de body:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>html, body</title>
<style type="text/css">
html, body {height: 100%; width: 100%;}
#uno {height: 100%; width: 100%; background: blue;}
</style>
</head>
<body>
<div id="uno">
</div>
</body>
</html>

¿Qué ha ocurrido?

GUSUM · #3 (**permalink**) 17/10/2008, 03:18

Gracias Mikel por la respuesta y el ejemplo. Me gustaría profundizar sobre esto, ¿sabes dónde puedo encontrar alguna información?
Gracias!

Mikmoro · #4 (**permalink**) 17/10/2008, 03:54

Pues lo cierto es que no. Quizá en alguno de los manuales que hay por las FAQ o por ahí, o en internet buscando algo como "css+elemento html".

GUSUM · #5 (**permalink**) 17/10/2008, 04:43

Ok, gracias.
Saludos!