Me preguntaba si alguien aquí tenía un tutorial bastante simple para el siguiente diseño de 2 columnas css. Una columna fija izquierda y una columna de contenido fluido, con un encabezado y pie de página y alturas de columnas iguales.Diseño de CSS Flujo fijo de 2 columnas
Pruebe this Dynamic Drive layout y sus familiares (que me señalaron a través de una pregunta similar mía).
El que uso es el hack de diseño de falsa columna, que no incluye secuencias de comandos.
Aquí hay un tutorial que parece ser una explicación sencilla del concepto: dustinbrewer.com
Aquí está el artículo alistapart.com original que he aprendido de: alistapart.com
Buena suerte!
En realidad, hay una solución aún más fácil para esto que descubrí no hace mucho tiempo. Funciona bien hasta IE7. El div #fluid se deslizará hacia arriba junto al arreglo fijo y ocupará el espacio restante, a la vez que mantendrá una gran fluidez para todos los sitios receptivos.
#fixed{
width:150px;
float:left;
}
#fluid{
overflow:hidden;
}
¿Es posible hacer que las alturas de las columnas sean siempre iguales? Mira esta demostración, no me gustaría ver ningún color rojo. http://jsfiddle.net/louiswalch/uEj55/92/ –
Esta solución también funciona muy bien si quieres la columna fija a la derecha y el fluido a la izquierda. Simplemente cambie la CSS por #fixed to float: right. – ctown4life
Esto es genial, ¿puedes explicar qué desbordamiento: oculto hace en este contexto? – IcedDante
La mayor parte de lo que sé acerca de HTML y CSS que he aprendido de [HTML Dog] (http://htmldog.com). HTML Dog tiene [una página en su tutorial] (http://htmldog.com/guides/cssadvanced/layout/) sobre cómo hacer un diseño de dos columnas con un pie de página. –