Ya comentamos al ver la creación del código HTML para los marcos que ha sido uno de los temas controvertidos a la hora de desarrollar contenidos para la web. Desde el punto de vista positivo podemos aportan algunos elementos destacables:

• responden a un sistema de presentación de contenidos que puede resultar muy útil pues permite tener una visión simultánea de todos los apartados del conjunto.
• puede suponer un ahorro de tiempo en la descarga si las zonas fijas son muy pesadas, aunque estaría por ver si es conveniente que haya zonas muy pesadas.

Pero también podemos señalar unos algunos elementos negativos:

• la estructuración e indexación del contenido se hace muy difícil ya que sólo disponemos de una página con un título constante.
• la navegación por el historial puede resultar bastante complicada cuando nos encontramos con estructuras de tres marcos.

Habría muchísimos más argumentos a favor y en contra de los marcos y, mientras que los partidarios de los mismos dirían que la gran mayoría de los problemas se solucionarían con javascript, los detractores podrían apuntar que parece ser que la línea de trabajo de las instituciones de estandarización va por desaprobar los frames. Es pues absurdo meterse en esta discusión, pero sí podemos aportar alguna alternativa mediante CSS para que pueda estudiarse y utilizarse si nos interesa.

Dos marcos verticales

La idea es sencilla: creamos dos capas y las posicionamos dentro de la página. Una de ellas contendrá una capa con el menú y la otra una capa con el contenido. El motivo para crear las capas de menú y contenido y anidarlas dentro de izquierda y derecha respectivamente es evitar que haya problemas al cambiar de navegador con los márgenes y el posicionamiento. Cada página repetirá la capa de menú e irá variando la capa que desarrolla el contenido.

El navegador Internet Explorer no soporta correctamente la posición fixed, sin embargo con este código se consigue que mantenga fija la capa de la izquierda a costa de que, en ocasiones, añada una segunda barra de desplazamiento para la capa de la derecha.

Ver ejemplo

Tres marcos

La otra estructura habitual de presentación es un marco superior que abarca toda la anchura y dos marcos verticales. También se puede crear una estructura de este tipo utilizando CSS, pero, como siempre, el problema aparece con el insuficiente soporte que da Internet Explorer a algunas propiedades, entre ellas position:fixed, lo cual nos obliga a introducir algunas propiedades extras, como el indicador de profundidad z-index para la franja superior.

A continuación se muestra el código en el que se basa el ejemplo que se presenta.

Ver ejemplo