bandbsevilla.com

Esta semana he querido purificar mi estilo al 100%, y convertirme a la creencia de los nuevos gurús de la web: he hecho una web utilizando sólo como referencia gráfica las hojas de estilo, y haciéndola compatible con cualquier tipo de navegador moderno: netscape 7, opera 7, firefox, ie7, y con algunas versiones anteriores del IE.

Vamos adelante!!

Hasta la fecha, me había considerado un maestro de la utilización de tablas y en realidad he alcanzado creo altas cotas en la realización de diseños complicados a base de tablas, cuya realización mayor es www.sfpaula.com/campus/, pero siempre me había molestado mezclar forma, contenido y programación, así que al final lo he decidido y creo haberlo conseguido, y he tenido la suerte de que los clientes estaban de acuerdo en que utilizara mi imaginación más allá de lo que es una web standard y aprovecharamos esa chispa de fantástico que tienen las CSS con www.bandbsevilla.com.

Mi principal problema lo he encontrado a la hora de fijar ciertas posiciones con IE5 y IE5.5, por la forma que tienen de medir los anchos y he debido utilizar el conocido hack de . Como se sabe, estos navegadores miden el ancho y después suman bordes y padding, y los demás navegadores modernos no. Al principio, utilicé el hack de Tantek Celik ("Tantek Çelik’s box model hack"), pero después ante la enorme diversidad de variaciones que tenía que hacer para IE, me he decantado por utilizar los "conditional comments" que sólo funcionan en windows.

Otros handicaps los ha creado opera 7 y netscape 7, que cumpliendo con la recomendaciones de la W3C (como debe ser) no dejan que una caja se estire si tiene un ancho definido que es precisamente lo que necesitaba, así que he tenido que utilizar otro hack con los "CSS2 child selector" que no funcionan en IE.

El site ha pasado las pruebas de los validadores de XHTML y de CSS así que estoy contento por ello. La única pena es que al ser una plantilla que se utiliza con un CMS (content management system) en cuanto el cliente coloca contenido en su interior empieza a no ser perfecto es por eso que he dejado una plantilla sin contenido para mostrar que al principio además de hacerse la luz, la plantilla pasaba el examen:

Es por eso que creo que la plantilla que he ideado debe funcionar para la mayor parte de los usuarios de Mac, pero al no tener posibilidad de comprobarlo, siempre quedará la duda.

Sé que aún debo pulir algunos defectos en mi concepción de hojas de estilo pero como cualquier diseñador, e interés hay. Así que manos a la obra!!!!