Buenas estimados, a ver si alguien me puede echar una mano:
Necesitaría preparar un layout de dos columnas, la de la izquierda tendría que tener un ancho fijo (aunque se redimensione la ventana) y la de la derecha que ocupase siempre el resto de la página. He estado jugando con width, min-width, max-width, pero no consigo dar con ello, ¿hay algún CSS Ninja que sepa hacerlo?.
¡Saludos!, ¡gracias!
A la columna de la izquierda le pones el ancho, y un float:left, la columna de la derecha prueba con width 100%, tengo un poco oxidado css pero a ver si lo conseguimos ;p
Deberias tener un div que contenga las 2 columnas con el ancho máximo deseado, o aunque no le pongas un ancho, simplemente por el hecho de tenerlas confinadas y no te pasen expedientes X
Vale, por aquí en esta página explican como hacer estos layouts:
http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/
Parece que el truco está en ponerle un ancho fijo a la columna de la izquierda y a la de la derecha meterle 100% pero con un margin-left del mismo tamaño de la columna fija.
¡Yay! :qq:
He probado en un momentin y creo que con esto deberia funcionar.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style>
body {text-align:center}
#cols {min-width:800px}
#cols div {min-height:200px}
#left {width:250px; background:#ccc; float:left} /*ejemplo de columna fija */
#right {min-width:550px; width:100%; background:#0FC}
</style>
<div id="wrapper">
<div id="cols">
<div id="left"></div>
<div id="right"></div>
</div>
</div>
EDIT: me atrasé jeje, básicamente es lo que has dicho en #3