#contenedor {
width: 98em; /* Tamaño por defecto - Usuarios sin javascript */
width: expression..................;
}
EDITO: Joder, no sé por qué el foro me jode el código, ni con [code] ni con leches. Aquí tienes un enlace a la CSS específica para Explorer 6, ahí puedes ver bien el codigo http://www.grupoacs.com/estilos/acs_ie6win.css
Ándate con ojo no sea que metas las expresiones en un bucle del tipo "mido menos que esto luego cambio mi medida a esto otro pero si mido esto otro hede cambiar mi medida a lo primero". No sé si me explico.
Vuelvo con dudas de este tema. He estado probando y funciona perfectamente, pero... y si quiero que tenga por ejemplo un ancho mínimo de 50em y que sino el ancho sea auto, es decir si es mayor que eso se adapte al ancho de la página.
Vuelvo con dudas de este tema. He estado probando y funciona perfectamente, pero... y si quiero que tenga por ejemplo un ancho mínimo de 50em y que sino el ancho sea auto, es decir si es mayor que eso se adapte al ancho de la página.
Gracias.
Diego
Pues te cargas la parte de condicionales que tienen que ver con el max-width.
Si quieres tener en cuenta los explorer 5 te miras la CSS que hice para ACS. Si no puedes adaptar fácilmente este tutorial (y en lugar de max-width le pones min-with)
demsite, no tengo claro si te refieres a cambiar del ejemplo de orange 98em por 50em ...!?!?!? o bien algo más:
clientWidth < 50em
si fuera eso, creo que deberías establecer un tamaño de em (si lo haces bien 1em = 10px, hay un muy buen post de borja a lrespecto en este foro, cuanto vale un em), y trabajar por ahi, de modo que tendrías
clientWidth < 500 ...
demssite
Creo que se refiere a poner unidades relativas en vez de absolutas
scuain
Gracias por el interés. La verdad es que con lo que puse no se entiende nada. Lo que quiero hacer es:
- Cuando mida más de 96em (960px) el ancho se quede fijo.
- Cuando mida menos de 76em (760px) el ancho se quede fijo y aparezca el scroll
Con
<code>
#contenedor {
background-color: #fff;
margin: 0 auto;
max-width: 96em;
min-width: 76em;
}
</code>
lo consigo en IE7, FF y Opera pero no en IE6. Si no lo he entendido mal, con expression lo podría hacer ¿no?
He puesto <a href="http://www.badmintonhuesca.com/pruebas/index.htm"> un ejemplo</a> (la linea de expression esta comentada)
orange
Un ejemplo vale más que mil palabras: http://www.grupoacs.com/
CSS general:
#contenedor {
margin: 0 auto;
min-width: 78em;
max-width: 98em;
}
Explorer 6:
#contenedor {
width: 98em; /* Tamaño por defecto - Usuarios sin javascript */
width: expression..................;
}
EDITO: Joder, no sé por qué el foro me jode el código, ni con [code] ni con leches. Aquí tienes un enlace a la CSS específica para Explorer 6, ahí puedes ver bien el codigo http://www.grupoacs.com/estilos/acs_ie6win.css
Ándate con ojo no sea que metas las expresiones en un bucle del tipo "mido menos que esto luego cambio mi medida a esto otro pero si mido esto otro hede cambiar mi medida a lo primero". No sé si me explico.
scuain
Funciona perfectamente... ¡Muchas gracias!
demssite
Vuelvo con dudas de este tema. He estado probando y funciona perfectamente, pero... y si quiero que tenga por ejemplo un ancho mínimo de 50em y que sino el ancho sea auto, es decir si es mayor que eso se adapte al ancho de la página.
Gracias.
Diego
orange
demssite
Vuelvo con dudas de este tema. He estado probando y funciona perfectamente, pero... y si quiero que tenga por ejemplo un ancho mínimo de 50em y que sino el ancho sea auto, es decir si es mayor que eso se adapte al ancho de la página.
Gracias.
Diego
Pues te cargas la parte de condicionales que tienen que ver con el max-width.
Si quieres tener en cuenta los explorer 5 te miras la CSS que hice para ACS. Si no puedes adaptar fácilmente este tutorial (y en lugar de max-width le pones min-with)
http://www.svendtofte.com/code/max_width_in_ie/
demssite
¿Algo así no?
<code>width: expression(((document.documentElement.clientWidth && document.documentElement.clientWidth < 1033) || (document.body.clientWidth && document.body.clientWidth <1033> 1034) || (document.body.clientWidth && document.body.clientWidth > 1034)) ? "auto" : "auto" );
</code>
zigotica
demsite, no tengo claro si te refieres a cambiar del ejemplo de orange 98em por 50em ...!?!?!? o bien algo más:
clientWidth < 50em
si fuera eso, creo que deberías establecer un tamaño de em (si lo haces bien 1em = 10px, hay un muy buen post de borja a lrespecto en este foro, cuanto vale un em), y trabajar por ahi, de modo que tendrías
clientWidth < 500 ...
demssite
No Sergi no me refiero al tema de los em's, aquí lo puse con pixeles para una prueba me refería a acotar sólo el min width y que sino sea auto