Ver Mensaje Individual
  #2 (permalink)  
Antiguo 16/07/2007, 01:17
Avatar de PatomaS
PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 8 meses
Puntos: 63
Re: Como maneja Internet Explorer el alto de body y html?

Hola

Tu pregunta es sencilla en apariencia, sin embargo realmente complicada de responder.

Veamos.

En principio, parte del problema viene por la falta de claridad en algunas reglas del W3C y en parte por la ausencia de ellas. Por ejemplo, no es un tema claro en estos momentos como se define las dimensiones de la ventana y del documento.

En principio, la ventana o área visible de un firefox en una pantalla de 1024x768 es de unos 1005x590 pixels, mientras que ese área es mayor en explorer. Cuando defines 100% de altura al elemento html, estás definiendo esas dimensiones que mencioné. Obviamente esto varía dependiendo de resolución, navegador, etc.

Cuando defines las dimensiones del body, estás diciendo que el contenido del documento debe ocupar el 100% de la altura ¿pero de qué? ¿qué altura?. Esto viene determinado por el navegador, su interpretación de los estándares, la dtd que uses y el modo en el que trabaje.

Por no mencionar la inferencia de los márgenes, espaciado y borde.

Asumiendo que tienes una regla como esta:
Código:
* {margin: 0; paddin: 0; border: 0;}
En un navegador que soporte estándares, y con un documento con una dtd estricta, el 100% del body ocupará la totalidad de la ventana mientras el contenido sea menor que eso y más si el contenido es mayor.

El 100% del elemento html es invariable, es el tamaño de la zona visible de la ventana en cualquier momento.

En explorer, hay varios bugs que afectan seriamente a ese proceso, por lo que su proceder es un poco extraño. En principio, debido al error de intrepretación del explorer respecto al valor visible de la propiedad overflow, junto con el hecho de que si defines a un elemento de bloque con 100% de altura este hereda la altura del predecesor, tienes una forma segura de definir al 100% la altura del body, al menos en windows ya que ne mac siempre trabaja en modo quirks.

¿ha servido esto para responder tu pregunta? Supongo que no mucho.

Así que lo primero que te diría, es que te asegures de controlar los márgenes, espacios y bordes de los elementos, todos, luego empieza a hacer las pruebas necesarias.

Espero que eso te sirva un poco más.

;)

Felicidad
__________________
¡ hey, hou, hou, hey !