Ver Mensaje Individual
  #10 (permalink)  
Antiguo 31/01/2007, 03:50
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Re: Se puede esto con un div ?

Cita:
Iniciado por MikiBroki Ver Mensaje
Me ayudaría mucha para futuras ocasiones que me explicaras si no es mucha molestia ya, y cuando puedas, el por qué de ello... y también por qué para FF usas 'position:absolute' y para IE 'position:relative', aparate de si hay alguna razón para que especifiques los altos en 'px' para FF y en '%' en IE.

Impagable tu ayuda, gracias.
Pues como de costumbre, por la extrañas (y estúpidas) manías de IE y Micro$oft. La mayoría de las cosas no conozco bien la razón técnica interna (el layout y eso del explorer), pero lo conozco por pura experiencia.

Lo del html es que a IE no le basta con que el body tenga ocultado el scroll; para él, el body es sólo una parte del html (???) y por eso necesita ocultarlo para el html para poder hacerlo.

Lo de relative, absolute, pixels y porcentajes es lo siguiente:
hay una cosa (otra) que desgraciadamente IE no sabe hacer: es dar tamaño a las capas absolutas en base a coordenadas. Si en Firefox dices que una capa está a 0px de arriba y 0px de abajo, ocupará todo el alto de la página. Bien, pues IE no sabe hacerlo. Sólo puede usar 2 coordenadas para colocar una capa (top y left, bottom y right, etc.), pero no para darle tamaño.
Por eso, en FF ves las capas absolutas completando su zona sin que tengan tamaño de alto asignado (height).

Por último, si a IE no le das un tamaño de alto a una capa, no consigues que saque scroll de ninguna manera. Como no le podemos dar un alto fijo en este caso, la mejor solución es en porcentajes. Si pones en porcentajes, Firefox no sacará el scroll si es auto, porque no lo puede usar; la capa mide ese porcentaje y no puede pasar de ahí y no lo entiende.

Espero haber aclarado tus dudas.

Mikel.

P.D.: para gavi: parece ser que IE7 tiene un paupérrimo 56% de compatibilidad con CSS3.