Quirk/Hack css para mostrar correctamente min-height en IE y FireFox

enero 18, 2007 at 11:08 pm 1 comentario

Si pongo una altura fija (height) a una capa, en Firefox me cortaría la capa en ese punto, ie no

Para evitar que suceda esto puedo usar min-height.
El problema es que es incompatible con height en Firefox.
El siguiente hack soluciona el problema.

#quickSummary {
/* Para navegadores que respetan los estándares
min-height: 200px;
height: auto;
}
/* Para Internet Explorer */
/*\*/ *
html #quickSummary { height: 200px; }

Anuncios

Entry filed under: css.

Código javascript que obliga a recargar el frame completo en caso de querer ver una de las ventanas del frame Diseño de formularios con css

1 comentario Add your own

  • 1. Pepa  |  junio 30, 2010 en 12:05 pm

    Solo para complementar: se pueden integrar las dos formas y hacerlo crossbrowser poiéndolo así en el css:

    #quickSummary {
    /* crossbrowser */
    min-height: 200px;
    height: auto;
    *height: 200px
    }

    lo que hace esto es:
    – los navegadores que respetan los estándares usan min-height y height:auto normalmente, e ignoran la linea con el *delante, funcionando igual que lo dicho en el post.
    – IE, no implementa min-height, porque para él funciona como min-height; interpreta el height:auto, pero luego no ignora la linea con el asterisco, asi que sobreescribe su valor a 200px, obteniendo el mismo resultado que antes.

    PROBADO CON FF e IE6

    Saludos.

    Responder

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Trackback this post  |  Subscribe to the comments via RSS Feed


Calendario

enero 2007
L M X J V S D
    Feb »
1234567
891011121314
15161718192021
22232425262728
293031  

Most Recent Posts


A %d blogueros les gusta esto: