Foros del Web » Creando para Internet » CSS »

Problema con pantalla liquida

Estas en el tema de Problema con pantalla liquida en el foro de CSS en Foros del Web. ¡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 ...
  #1 (permalink)  
Antiguo 05/03/2009, 05:38
 
Fecha de Ingreso: diciembre-2008
Mensajes: 23
Antigüedad: 9 años
Puntos: 0
Problema con pantalla liquida

¡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.
  #2 (permalink)  
Antiguo 05/03/2009, 06:39
 
Fecha de Ingreso: enero-2008
Mensajes: 133
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Problema con pantalla liquida

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
  #3 (permalink)  
Antiguo 05/03/2009, 08:47
 
Fecha de Ingreso: diciembre-2008
Mensajes: 23
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema con pantalla liquida

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.
  #4 (permalink)  
Antiguo 05/03/2009, 09:41
 
Fecha de Ingreso: enero-2008
Mensajes: 133
Antigüedad: 9 años, 11 meses
Puntos: 1
Respuesta: Problema con pantalla liquida

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
  #5 (permalink)  
Antiguo 05/03/2009, 12:54
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: Problema con pantalla liquida

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]-->
  #6 (permalink)  
Antiguo 06/03/2009, 05:49
 
Fecha de Ingreso: diciembre-2008
Mensajes: 23
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema con pantalla liquida

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.
  #7 (permalink)  
Antiguo 06/03/2009, 06:26
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: Problema con pantalla liquida

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.
  #8 (permalink)  
Antiguo 06/03/2009, 07:11
 
Fecha de Ingreso: diciembre-2008
Mensajes: 23
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema con pantalla liquida

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:23.