VOLVER A LA P√ĀGINA ANTERIOR

Instrucciones

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.