Foros del Web » Creando para Internet » CSS »

Problema con min-width en Opera

Estas en el tema de Problema con min-width en Opera en el foro de CSS en Foros del Web. Hola a todos, Estoy encontrando un problema en Opera con la propiedad min-width: Tengo un div contenedor con min-width = 1024px. Dentro de él tengo ...
  #1 (permalink)  
Antiguo 19/10/2009, 15:22
 
Fecha de Ingreso: agosto-2009
Mensajes: 12
Antigüedad: 8 años, 4 meses
Puntos: 0
Problema con min-width en Opera

Hola a todos,

Estoy encontrando un problema en Opera con la propiedad min-width:

Tengo un div contenedor con min-width = 1024px. Dentro de él tengo otro div con min-width = 800px. La idea es tener un contenido redimensionable hasta 1024px, y una barra de menú flotante redimensionable hasta 800px.

Cuando el ancho de la ventana es menor que 1024px, en lugar de seguir reduciendo la barra de menu hasta los 800px, la deja fija en 1024px.

El caso es que esto funciona como yo quiero en FF, Safari, Chrome y hasta IE6 (con su correspondiente hack). La única manera de resolver el problema que he encontrado es sacar la barra de menu del div contenedor, pero entonces se me descuadra otra cosa de la página.

Existe alguna manera de forzar el comportamiento que yo quiero sin afectar al resto de navegadores?

Gracias por adelantado
  #2 (permalink)  
Antiguo 19/10/2009, 16:48
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con min-width en Opera

No acabo de entender qué esperas que haga la caja de min-width:800px.
¿Te has dejado propiedades importantes por publicar?
Nunca podrá alcanzar ese valor de 800px. Al no tener una anchura definida será la de su padre. Y como éste nunca bajará de 1024px, aquel tampoco lo hará. Así que la declaración del min-width:800px sobra porque no hace nada.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 20/10/2009, 12:49
 
Fecha de Ingreso: agosto-2009
Mensajes: 12
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Problema con min-width en Opera

Mi idea es que la página esté optimizada para resoluciones entre 1024 y 1280px (uso un min-width:1024px y max-width:1280px en el contenedor).

Pero quiero que la pobre gente que aún tiene un monitor con resolución 800x600, aunque no pueda ver todo el ancho de mi página sin mover el scroll horizontal, al menos sí que pueda ver todo el menú flotante (min-width: 800px), ya que en él aparecen botones que permiten la navegabilidad a través de todas las páginas de la web.

Pero una imagen vale más que 1000 palabras (sorry por el formato, pero no tengo antigüedad suficiente en el foro).

3w.uploadfilesystem.com//viewimage.php?file=/imagenes/09/10/20/aJ960571.gif

El contendor está limitado a 1024px y necesitas desplazarte horizontalmente para ver todo el contenido. El menú flotante se ve por completo y tiene algo más de 800px, pero aquí no se le fuerza a los 1024px de su elemento padre.

Espero que se entienda mejor lo que quiero hacer.
  #4 (permalink)  
Antiguo 20/10/2009, 13:07
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con min-width en Opera

Es que creo que estás enfocando mal el tema.
Si quieres tener una caja en función de la ventana (y no de las pantallas) deberías hacer algo así como:
Código css:
Ver original
  1. #contenedor {
  2. max-width:1280px; /* fijamos el máximo de anchura y evitamos desparrames*/
  3. min-width:790px; /* prefiero bajar a este valor por respeto a los 800px y previenes colapsos*/
  4. width:90%; /*dejo un margen lateral del 5%*/
  5. margin:0 auto; /*centramos*/
  6. }
el min-width se podría obviar si lo colocamos en una caja contenida en #contenedor. Y esta segunda caja podrá tener sus márgenes laterales para que sea más pequeña, o su tamaño ser definido en %, para que disminuya junto a la ventana... etc.
Como ves, las posibilidades son muchas y de lo más variado. ¿Cuál será mejor para ti? Depende de lo que pretendas y de cómo lo quieras hacer. Pero lamentáblemente, como no has mostrado códigos solo se pueden hacer conjeturas y acercamientos teóricos.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 20/10/2009, 14:11
 
Fecha de Ingreso: agosto-2009
Mensajes: 12
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Problema con min-width en Opera

Así es más o menos como lo estoy haciendo.
Creo que no me estoy explicando correctamente:

El menú flotante es una capa contenida en el "contenedor" y quiero que tenga un comportamiento independiente del "contenedor"
Menu flotante: Su ancho varía entre 1280px y 800px
Contenedor: Su ancho varía entre 1280px y 1024px

El menú flotante debe ocupar el 100% del ancho visible del navegador, siempre y cuando éste no sea menor que 800px. Sin embargo la capa "contenedor" debe ocupar el 100% del ancho visible del navegador siempre y cuando no sea menor que 1024px.

El código CSS del contenedor:
Código:
#contenedor {
	max-width:1280px;  /* Si ancho_pantalla > 1280px, limito los contenidos a 1280px */
	min-width:1024px;  /* Si ancho_pantalla < 1024px, limito los contenidos a 1024px */
	min-height: 100%;  /* Necesario para sticky footer */
	margin: 0 auto -37px;  /* -37px. Necesario para sticky footer */
}
Y el de la barra flotante superior:
Código:
#encabezado
{
	height: 41px;
	position: fixed;  /* Para que la barra superior flote sobre los contenidos*/	
	top: 0;
	left: 0;
	right: 0;
	min-width: 800px;
}
Y la ubicación de las capas en el HTML
Código:
<body>
<div id="contenedor">
<div id="encabezado">
</div>
</div>
</body>
Un saludo
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 09:06.