Problema con diseño fluído vertical

[gorkreg]

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

[Artdeco]

¿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!

[Mikmoro]

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

#content {estilos.css (line 116)
clear:both;
height:70%;
}

[gorkreg]

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.

[Mikmoro]

¿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.

[gorkreg]

¿Alguna solución?

[Mikmoro]

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.