¡Hola!
Estoy diseñando un sitio web formato horizontal, sé que no es un formato muy tradicional pero nos gustó mucho la idea.
Lo solucionamos a partir de un tutorial que sugería hacerlo a partir de tablas en lugar de
divs, agregamos un menú de navegación «flotante» (
fixed, pues) y para que el
srcroll wheel del
mouse funcionara para el desplazamiento horizontal en lugar del vertical aplicamos un
script de java que encontramos tras mucho buscar.
Todo funcionó muy bien y bonito (sobretodo en Firefox y Epiphany, por que en Chrome, Midori, ReKonq, Safari y Explorer no todo funciona tan bien como debería, pero es aceptable) hasta que nos topamos con pantallas en resoluciones pequeñas, en las cuales en menú (ubicado en la parte baja de la pantalla), no se mostraba y además aparecía el scroll vertical, lo que es un problema pues entonces el
scroll del
mouse funciona en forma errática (como en ángulos) y es muy incómodo navegar.
Acá las paginas que tienen los problemas:
http://www.hard-mod.com/eng/synths.html
http://www.hard-mod.com/eng/circuitbent.html
Se me han ocurrido una serie de ideas pero no sé cuál sea la más indicada y sencilla (pues la verdad no soy tan experto en eso del CSS, PHP ni java:
- Colocar el menú en la parte superior de la pantalla; esto solucionaría el probelma de no ver el menú, pero no el del scroll vertical.
- Indicar un tamaño relativo (en % de monitor) a la altura de la tabla y al continido de la misma (no sé si esto se puda lograr con el texto), pero no sé qué tan eficiente y correcto pueda ser esto.
- Hacer mediante Java que el menú flote sobe todo lo demás... Investigaría algún script que exista, pues por ahora no sé cómo hacerlo. Y esto tampoco solucionaría quizás lo del scroll vertical.
- Reacomodar tooodos los elementos para que ajusten en un triste 800x600.
- ¿Alguna otra sugerencia?
Estoy trabajando en Kompozer.
De antemano muchas gracias.