Documento sin título

 

Bien Benidos a Tuxedos J´S

 

Tenga en cuenta que la CSS para estos diseños cuenta con numerosos comentarios. Si realiza la mayor parte de su trabajo en la vista Diseño, eche un vistazo al código para obtener sugerencias sobre cómo trabajar con la CSS para diseños fijos. Puede quitar estos comentarios antes de lanzar el sitio. Para obtener más información sobre las técnicas usadas en estos diseños CSS, lea este artículo en el Centro de desarrolladores de Adobe: http://www.adobe.com/go/adc_css_layouts.

Borrado

Dado que todas las columnas son flotantes, este diseño usa overflow:hidden en .container. Esta técnica de borrado fuerza a .container a conocer dónde terminan las columnas con el fin de mostrar cualquier borde o color de fondo que coloque en .container. Si tiene algún elemento grande que sobresale por fuera de .container, parecerá estar cortado. Tampoco podrá usar márgenes negativos ni posiciones absolutas con valores negativos para sacar elementos fuera de .container, o tampoco se mostrarán fuera de .container.

Si necesita usar estas propiedades, deberá emplear otro método de borrado diferente. El más fiable consiste en añadir una <br class="clearfloat" /> o <div class="clearfloat"></div> tras la última columna flotante (pero antes de que se cierre .container). Esto proporcionará el mismo efecto de borrado.

Pie de página

La adición de un pie de página tras las columnas, aunque aún dentro de .container, provocará que este método de borrado overflow:hidden no funcione. Puede colocar un .footer en un segundo .container fuera del primero sin que se produzcan efectos adversos. La opción más simple puede ser comenzar con un diseño que contenga encabezados y pies de página y quitar el encabezado para utilizar los métodos de borrado en ese tipo de diseño.

Fondos

Por naturaleza, el color de fondo de cualquier div sólo se muestra a lo largo del contenido. Esto significa que si está usando un color de fondo o un borde para crear el aspecto de una columna lateral, éste no se extenderá hasta el pie de página, sino que se detendrá donde termine el contenido. Si la div de .content siempre va a incluir más contenido, puede colocar un borde en la div de .content para separarla de la columna.