Ver Mensaje Individual
  #7 (permalink)  
Antiguo 10/10/2003, 13:27
Avatar de Vampiro
Vampiro
 
Fecha de Ingreso: octubre-2003
Ubicación: Barcelona
Mensajes: 19
Antigüedad: 20 años, 6 meses
Puntos: 0
Hola!

El problema más grande que vas a tener con los layouts en CSS es que los dos navegadores que utilizas (IE5 y Mozilla) usan un modelo diferente de medición. Hasta la versión 6 de IE, Microsoft tenía su propia manera de interpretar los valores numéricos de anchura y altura.

Me explico. Siguiendo los estándares actuales, si defines un div con una anchura de 100 pixels, a esto le añades un borde de 10 pixels y un margen de 20, vas a acabar con un bloque que mida 130 pixels (100+10+20).

El problema es que IE5, cuando se encuentra con una definición como width: 100px; entiende que en ese espacio debe incluir el borde y el margen, con lo que tu div de 100 píxels quedará reducido a 70.

Increíble, ¿no?

Afortunadamente hay varias maneras de engañar a IE5, es lo que se conoce como el "Box model hack".

Hay abundante información sobre el tema en Internet. Uno de los más claros que he encontrado es:

http://css-discuss.incutio.com/?page=BoxModelHack

Si no juegas con los bordes ni los márgenes no vas a tener este problema, pero, como seguro que te tocará, espero que te haya servido de ayuda.