IE6 min-height dilema

Question

Aquí está mi sitio: http://smartpeopletalkfast.co.uk/ppp/home-page.html

Quiero que los formularios de entrada a la misma altura que los botones a su derecha. He hecho esto con un valor de altura mínima para que la página aún se pueda usar si el tamaño del texto se estableció en una altura mayor.

El problema es que IE6 no reconoce la altura mínima. Podría establecer una altura fija, pero me preocupa que los usuarios cambien el tamaño del texto más allá de esto. Como es solo un problema cosmético, estoy tentado de dejar esto.

¿Alguna sugerencia? Gracias

Answer 1

Si el problema es de hecho sólo conseguir min-height trabajar en IE6, utilizan el Min-Height Fast Hack:

selector { 
    min-height:500px; 
    height:auto !important; 
    height:500px; 
} 

Ha existido desde hace mucho tiempo, por lo que es fácilmente reconocible para cualquiera mantener el CSS en el futuro.

Answer 2

Gracias por su publicación thirtydot. He visto esa solución pero no funcionó para mí, estableció una altura fija y no una mínima.

que he hecho con la solución de abajo y carga el CSS para IE6 sólo para una buena medida. Se trabaja en el ordenador que he probado en, yo sólo espero que funcione para todos los equipos de IE6:

http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer/

Gracias

Answer 3

Permítanme ofrecer un enfoque diferente. Este es su objetivo, como se indica:

Quiero que las formas de entrada sean las mismas de altura que los botones a la derecha.

Además, no es una condición de permitir el cambio de tamaño de texto, como se ha dicho:

todavía podrán utilizar si el tamaño del texto era conjunto a más de esta altura

Sabiendo que , mi sugerencia es basar la altura en los EM. Use los EM para definir la altura del contenedor de la entrada y el botón, luego configure las alturas de la entrada y el botón para que sean 100%. De esta forma, a medida que el usuario restablece el tamaño de su fuente (de menor a mayor), el contenedor crecerá y disminuirá, y la entrada/botón crecerá y disminuirá con ellos.

he burlado un ejemplo sencillo en la siguiente dirección: http://jsbin.com/oguze5/2/edit

cosas tendrán que ser modificados para fines de estilo, pero la idea/concepto general es bastante sonido.

Answer 4

En Internet Explorer 6, height se trata como min-height y min-height no es compatible.

Para que pueda escribir una regla que solo se dirige a IE6 para solucionar esto.Digamos que usted tiene lo siguiente:

#navigation .nav-menu-item { 
    min-height:50px; 
} 

Con el fin de tener el mismo efecto en IE6 se podría añadir una segunda regla que sólo reconocerá IE6. Yo tiendo a usar the star HTML hack:

#navigation .nav-menu-item { 
    min-height:50px; 
} 
* html #navigation .nav-menu-item { /* for IE6 */ 
    height:50px; 
} 

Puede leer más here.