Estoy tratando de lograr el siguiente diseño sin tablas o JavaScript.
Es básicamente el diseño común del software de escritorio. Algunas barras de herramientas y el contenido real en el medio. Estoy tratando de replicar el diseño en una aplicación web.
Necesito que todas las barras de herramientas sean flexibles y opcionales. Así que en un estado solo puede haber la barra de herramientas superior con 3 filas de iconos y en otro caso las cuatro barras de herramientas con un poco de contenido.
La aplicación utilizará el 100% de laAncho / alto del documento y no debe desbordarse. Sin embargo, el div en el medio tiene desbordamiento: automático y debe escalar en todas las direcciones. Puede haber un caso en el que todas las barras de herramientas estén ocultas y luego la división central debería tomar todo el documento.
La aplicación requiere JavaScript y no es compatible con IE6 en absoluto, pero sigo buscando una forma de navegador cruzado para hacer esto con CSS.
Es muy fácil y limpio hacerlo con una tabla y sé cómo hacerlo con JavaScript, pero he encontrado este problema varias veces y me gustaría dejar de usar tablas.
Respuestas
4 para la respuesta № 1No se puede hacer compatible con todos los navegadores. Use el complemento jQuery javascript: http://layout.jquery-dev.net/