examples - tooltip css
MÃnimo ancho en MSIE 6 (11)
Esto funciona bastante bien ...
div.container {
min-width: 760px;
width:expression(document.body.clientWidth < 760? "760px": "auto" );
}
¿Cuál es la forma definitiva de imitar el ancho mínimo de propiedad de CSS en Internet Explorer 6? ¿Es mejor no intentarlo?
Haga su etiqueta css como _Width: 500px o lo que sea.
Este artículo sobre CSS Play, de Stu Nicholls, muestra los diferentes métodos para lograr min-width en IE, en todos los modos (Quirks, etc.) e incluso para IE / Mac.
El truco rápido de altura mínima funciona para mí (también funciona para ancho)
Use los comentarios condicionales para referenciar y la hoja de estilo específica de MSIE 6, luego cree CSS como se muestra a continuación.
Los navegadores compatibles usarán:
min-width: 660px;
Entonces MSIE 6 usará:
width: expression((document.body.clientWidth < 659)? "660px" : "auto");
Botón de línea única
button{
background-color:#069;
float:left;
min-width:200px;
width:auto !important;
width:200px;
white-space: nowrap}
Podría usar una expresión (como lo sugiere HBoss), pero si le preocupa el rendimiento, entonces la mejor manera de hacerlo es agregar un calce dentro del elemento al que desea aplicar un ancho mínimo.
<div id="container">
The "shim" div will hold the container div open to at least 500px!
You should be able to put it anywhere in the container div.
<div class="shim"> </div>
</div>
#container .shim {
width: 500px;
height: 0;
line-height: 0;
}
Esto requiere un pequeño margen no semántico, pero es una verdadera solución entre navegadores y no requiere la sobrecarga de usar una expresión.
foo { min-width: 100px } // for everyone
* html foo { width: 100px } // just for IE
(o sirva una hoja de estilo separada a IE usando comentarios condicionales )
El ejemplo de shim está bien para obligar al navegador a mostrar una barra de desplazamiento horizontal cuando el contenedor alcanza cierto tamaño, pero notarás que el contenido del contenedor seguirá modificándose a medida que la ventana se reduce. Me imagino que este no es el objetivo general cuando se trata de lograr el ancho mínimo en IE 6.
Además, el uso de expresiones y otros hacks de CSS descabellados simplemente no es una buena práctica. Ellos son inseguros e inmundos. Este artículo explica las advertencias de los hacks de CSS y por qué deberían evitarse por completo.
Personalmente, considero que la publicación de scaryjeff es el mejor consejo para lograr un mínimo ancho real en IE6 y, como desarrollador experimentado de diseño de CSS, aún no he encontrado una solución mejor que sea aplicable a problemas de este tipo.
Este artículo sobre CSS Play, de Stu Nicholls, muestra los diferentes métodos para lograr min-width en IE, en todos los modos (Quirks, etc.) e incluso para IE / Mac.
He proporcionado una respuesta a una pregunta similar que detalla el uso de esta técnica para lograr correctamente el ancho mínimo. Lo puedes ver aquí:
CSS: dos columnas de fluido al 50% que no respetan el ancho mínimo
La técnica es CSS simple y válida que se puede usar en casi cualquier situación. Aplicado al ejemplo de cuña anterior, da como resultado lo que considero la funcionalidad correcta de mínimo ancho.
He jugueteado con cada respuesta dada aquí en el último mes. Y después de jugar con el método Pretaul ( Min-width en MSIE 6 ), parece ser la mejor alternativa al min-width. Sin piratear ni nada, solo código CSS vertical que cumple 30 segundos.
De buscar en Google, las expresiones parecen ser las más populares. Para mí, de todos modos, pretendía bloquear al azar mi navegador (tanto IE como FF).
No sé, tuve cierto éxito con:
min-width: 193px;
width:auto !important;
_width: 193px; /* IE6 hack */
Una combinación de dustin diaz ''min-height fast hack & cómo especifico en HTML o CSS el ancho mínimo absoluto de una celda de tabla