Es de reciente que los navegadores están implementando ella. No hay recomendación CSS3 sin embargo; incluso cuando se recomienda, se necesitará tiempo antes de navegadores implementar la especificación CSS3 rules.In este artículo, utilizo la barra lateral, encabezado y Diseño de Contenido, por ejemplo. En este diseño, que cuenta con el panel de cabecera que lleva el título de la página Web, el logotipo y puede tener una bandera. Usted tiene el panel de la barra lateral de la izquierda, debajo de la cabecera, que tiene los enlaces para la navegación del sitio web.
Usted tiene el panel principal debajo del panel de cabecera ya la derecha de la barra lateral. Esto toma el principal contenido de la página web. En el pasado, este diseño era fácil lograr utilizando marcos HTML. Sin embargo, debido a los problemas que plantean los marcos de los motores de búsqueda, hoy se puede tener este diseño con elementos DIV fácilmente sin el uso de marcos, gracias a la implementación de la función de posicionamiento fijo por los nuevos navegadores.
En el artículo, diseño con DIVs en lugar de Marcos para HTML, no tienen éxito en el uso de los elementos DIV (sin utilizar la función de posicionamiento fijo) fácilmente. Sin embargo, la ventaja de los diseños en este artículo es que los diseños trabajan con navegadores antiguos y nuevos. El uso de DIVs con posicionamiento fijo, sólo funciona para los nuevos navegadores; eso es lo que se explica en este artículo.
He probado el diseño aquí con Firefox 2, Netscape 8, Opera 9 y Safari 3Try el código primero en apreciar lo que está pasando antes de que nos fijamos en la siguiente explicación: body {overflow: hidden} #header {position: fixed; width: 100%; altura: 15%; superior: 0; left: 0; frontera: azul sólido 1px; z-index: 2} #sidebar {position: fixed; ancho: 20%; altura: 85%; superior: 15%; left: 0; frontera: azul sólido 1px; z-index: 2} #main {position: fixed; ancho: 80%; alt