Category Archives: HTML y CSS

HTML y CSS, Tips Avanzados

Frames sin usar Frames (con CSS, claro!)

Tips Avanzados!Interesante técnica para simular el uso de “frames” con CSS, sin usarlos como los conocemos.

¿Cómo funciona?

The document

consists of three main blocks: headerwrap, middlewrap and footerwrap. headerwrap and footerwrap have fixed positions; headerwrap at the top and footerwrap at the bottom of the viewport. middlewrap has

padding-top and padding-bottom to match the heights of headerwrap and footerwrap.

To center the content horizontally, the contents of each of the main blocks has its left and

right margins set to auto.

Ver la página resultante aquí.

HTML y CSS

El Santo Grial de los Layouts en CSS

2 Comments

Tips Avanzados!Este artículo que publicó A List Apart, es la solución a los problemas de los que hemos

visto “bolas cuadradas” al diseñar un layout de 2 ó 3 columnas con puro CSS.

El código es bastante simple y fácil de entender, y resuelve uno de los problemas más críticos con los que nos hemos topado

algunos diseñadores que usamos Mozilla Firefox como navegador

primario.

Alguna vez se habrán topado con el problema de visualización que presenta este navegador, el cual por razones aparentemente misteriosas, descuadra las columnas, ubicando una de ellas al

final de la que le precede o antecede. Aparentemente todo está bien en tu código, y si haces un refresh de la página, todo se arregla, pero esa no es la solución.

Tómate un tiempo para revisar el artículo completo en A List Apart y dile adiós a este fenómeno!