Duda sobre diseño liquido

[morton]

Buenas, estoy haciendo una web con un diseño liquido, queria saber como puedo poner que apartir de "x" resolucion no se haga ese efecto y se quede fija con la barra desplazadora, por ej para moviles etc la resolucion es pequeña y se les veria mal, gracias .

[PatomaS]

Hola

Usa min-width y max-width.

Aunque no lo entienden bien todos los navegadores.

Siempre puedes tratar de hacer una combinación de css con los atributos que te menciono y JavaScript para los casos en los que no valgan.

Felicidad

[morton]

e estado probando con eso pero no consigo nada :S con javascript como podria hacerlo?

[PatomaS]

Hola

Si no lo consigues, es que no lo aplicas adecuadamente, podrías poner tus códigos en un mensaje aparte para que te ayuden con eso.

Con JavaScript, la idea es que detectes el tamaño del área de visualización y hagas los ajustes de la página en tiempo de carga.

Te recomiendo que crees una página sencilla con dos o tres elementos en ella, preferiblemente capas con texto y juegues con eso hasta que domines el tema con css o javascript, si directamente empiezas con la página ya maquetada, pueden ser muchos elementos a la vez y resultar demasiado complicado.

Felicidad

[morton]

ya consegui hacerlo, pero hay un problema en el IE 6 esto no funciona? o es k tengo algo mal

[webosiris]

Iniciado por morton

ya consegui hacerlo, pero hay un problema en el IE 6 esto no funciona? o es k tengo algo mal

no, max- y min- no funcionan en ie6... los podes hacer funcionar con el "script ie7"

[morton]

webosiris me baje el script ese pero no se como hacerlo funcionar para hacer el min-width en el ie6 algun ejemplo o algo? :S

[Mikele777]

Creo que así funciona en todos los navegadores.

min-width:410px; width:auto !important; widht:410px;

Saludos!

[webosiris]

Iniciado por morton

webosiris me baje el script ese pero no se como hacerlo funcionar para hacer el min-width en el ie6 algun ejemplo o algo? :S

solo incluye al javascript como cualquier otro, combinándolo con comentarios condicionales para no hacerle bajar el js a los navegadores que no son ie6 o inferiores... pon esto en la sección head de tu html:

Código HTML:

<!--[if lt IE 7]>
    <script src=/ie7/ie7-standard-p.js" type="text/javascript"></script>
<![endif]-->