Foros del Web » Creando para Internet » CSS »

Problema con diseño fluído vertical

Estas en el tema de Problema con diseño fluído vertical en el foro de CSS en Foros del Web. Estoy maquetando mi primera web usando un diseño fluído. Me pidieron que sea adaptable tanto en horizontal como en vertical. Mi problema es el siguiente: ...
  #1 (permalink)  
Antiguo 05/10/2008, 11:51
Avatar de gorkreg  
Fecha de Ingreso: julio-2008
Mensajes: 305
Antigüedad: 9 años, 4 meses
Puntos: 8
Problema con diseño fluído vertical

Estoy maquetando mi primera web usando un diseño fluído. Me pidieron que sea adaptable tanto en horizontal como en vertical. Mi problema es el siguiente: en una resolución de pantalla 1280x1024 todo se adapta perfectamente pero a resoluciones inferiores (1024x768 u 800x600) el footer desaparece, esto es, no se adpta y hay que hacer scroll.

Envío un enlace da la página en construcción a ver si alguien me puede ayudar. Lo que el footer contiene son los dos enlaces de copyright.

http://www.denaflows.com/prueba

Gracias
  #2 (permalink)  
Antiguo 05/10/2008, 14:06
Avatar de Artdeco  
Fecha de Ingreso: abril-2005
Ubicación: Barcelona
Mensajes: 165
Antigüedad: 12 años, 8 meses
Puntos: 1
Respuesta: Problema con diseño fluído vertical

¿Llamamos footer a la zona donde está la imagen de creative commons y el copyright?

Si es así, es inevitable, lo que pides no se puede hacer. En todo caso, deberías hacer la imagen central (esa grande con el señor de la pirtzina) más pequeña.

Esque no puedes pretender poner un tamaño mínimo a cada web para que siempre se vea en cada navegador. No podrás controlar nunca la resolución y el tamaño de la ventana de cada navegador que te visita, es inevitable que alguna parte de tu página se tenga que ver haciendo scroll.

Yo, por ejemplo, tengo que hacer scroll, pero no me importa, es el pan de cada día en Internet!
  #3 (permalink)  
Antiguo 05/10/2008, 18:12
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con diseño fluído vertical

Quizá si reduces un poco el contenedor que tiene el flash sea suficiente:

#content {estilos.css (line 116)
clear:both;
height:70%;
}
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 06/10/2008, 07:30
Avatar de gorkreg  
Fecha de Ingreso: julio-2008
Mensajes: 305
Antigüedad: 9 años, 4 meses
Puntos: 8
Respuesta: Problema con diseño fluído vertical

Gracias a los dos por las respuestas.

Mikmoro, reducir la altura del #content no es la idea pues lo que sucede es que se queda TODO más arriba de la pantalla (incluido el footer). Además, visualizándolo a 800x600 no hay espacio suficiente dentro del #flashcontent para las fotos con su texto respectivo.

Artdeco, la antigua web (http://www.denaflows.com) está realizada usando frames y es por ello que todo se ajusta perfectamente. Me pidieron que suceda lo mismo usando CSS para que no se pierda la galería de imágenes por debajo de la línea inferior de la pantalla. Eso lo he conseguido pues, como ves, la caja que contiene las galerías (#flashcontent, que es un Simple Viewer) se adapta a cada resolución de pantalla tanto horizontal como verticalmente. Sigo sin entender por qué no se adapta un poco más para dejar sitio al footer (como hace a 1200x1024).

Bueno, si no tiene solución, no es el fín del mundo, pero me gustaría saber por qué sucede.

Gracias de nuevo.
  #5 (permalink)  
Antiguo 06/10/2008, 08:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con diseño fluído vertical

¿Por qué sucede? es simple:
el contenedor #content mide el 80% de alto, sin embargo, el pie mide un fijo de 93px (88px de la imagen de CC + 5px de padding top).

De tal manera que si el alto es de 1000px, sería:

80% = 800px + 93px = 893px, es decir se ve al completo. Pero sin embargo, si el anto es de 100px:

80% =80px + 93px = 173px, es decir, más alto que el alto de la página (173px frente a 100px del alto de la página).

Los ejemplos son exagerados para que lo veas claro. Esto es lo que ocurre.
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 06/10/2008, 08:53
Avatar de gorkreg  
Fecha de Ingreso: julio-2008
Mensajes: 305
Antigüedad: 9 años, 4 meses
Puntos: 8
Respuesta: Problema con diseño fluído vertical

¿Alguna solución?
  #7 (permalink)  
Antiguo 06/10/2008, 16:27
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con diseño fluído vertical

No sé si tu puedes hacerlo, pero yo lo que intentaría sería:

- editar el flash y añadir en la parte inferior una franja tan alta como el pie (93px) con el fondo negro.
- cambiaría el alto de content del 80 al 100%
- colocaría el pie con posición absoluta en la parte inferior (bottom 0), con lo que siempre quedaría abajo y sobre la franja negra del flash

No sé si puedes editarlo como para hacer eso, pero yo es lo primero que probaría.
__________________
Visita mi nueva web idplus.org
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 23:35.