Problema con pantalla liquida

[bea_81]

¡Hola!

Tengo un problema al hacer la pantalla liquida.
En principio tengo una primera duda. Si quieres poner dos divs en linea, es necesario flotar alguno de los dos? O se puede hacer de otra manera?

El otro problema es que la pagina se me deforma cuando la hago mas pequeña.
Tengo un div que contiene a otros 2. el primer div esta flotando a la izquierda (tiene tamaño fijo)y el otro es una tabla (tiene su anchura en %), que salta de linea cuando hago la ventana más pequeña.

Creo que la solucion seria algo parecido a min-width pero que me funcione tambien en IE6. ¿Se os ocurre alguna solucion?

Muchas gracias.

[ruben-et]

hola bea
por lo que pones creo que una solucion sería poner position:absolute en todos los divs. Así podrás colocarlos donde quieras y no se moveran al encoger la ventana del explorador
espero te sirva

[bea_81]

Hola Ruben,

muchas gracias por tu respuesta. Lo he hecho y ahora lo que me pasa es que al hacer la pagina mas pequeña el div de la derecha pisa al div de la izquierda... :(

Voy a ver si me explico mejor. Tengo un div contenedor. Que tiene a la izquierda un div que es el menu, el cual quiero que sea fijo y tiene tamaño fijo. A la derecha de ese div tengo una tabla(de tamaño variable, con %). Esa tabla quiero que se haga mas pequeña segun hago la pagina mas pequeña, pero llegara a un punto en el que chocara con el menu y enconces deberia aparecerme el scroll y la tabla quedaría oculta parcialmente, pero nunca tapar el menu o esconderse dentras de este.

Gracias otra vez.

[ruben-et]

Creo que esto te servirá:

Código HTML:

<div id="fondo" style="position:absolute; background:#FF0000; height:100%; width:100%; left: 0px; top: 0px;">
	<div id="izda" style="position:absolute; background:#0000FF; width:80px; height:100%; left: 130px; top: 0px;"></div>
    <div id="dcha" style="position:absolute; background:#00FF00; width:50%; height:100%; min-width:600px;top: 0px; left: 208px;"></div>
</div> 

fíjate que el div dcha. tiene el width en % pero el min-width en px. Así funciona bien.
Saludos

[talmente]

Para utilizar min-width y max-width en IE6

Código:

width: expression((documentElement.clientWidth <976) ? "975px" :(documentElement.clientWidth >1151) ? "1150px" : "96%" );

Cambia los valores y lo metes en
<!--[if IE 6]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

[bea_81]

Muchas gracias,

estoy intentandolo, pero nada, no lo consigo.
¿Me podrías explicar para que sirve ese código? Me refiero a cada uno de los elementos de esto.

[talmente]

Hola, El primero es una expresión javaScript , que dice mas o menos que si tu página crece a lo ancho mas de tantos píxel deje de crecer y se usa por que IE6 no entiende los max y min- width ni min o max- height. La segunda es un comentario condicional que solo leen los IE


De mucha más utilidad que mis explicaciones es este LiInk:


http://www.librosweb.es/css/capitulo...y_minimas.html

Edito:
De todas maneras lo que intentas no es fácil, si difícil es maquetar con tantos por cientos, mezclar tantos por cientos y posiciones absolutas es a mi parecer mas difícil aún.

[bea_81]

Muchas gracias por el link.

Lo lees y parece facilisimo... pero a mi IE6 no le gusta lo que pone en esa página...

Ya me he dado cuenta que no era sencillo, pero tampoco pense que me daría tantos problemas.