30/03/2012, 15:33
|
| | | Fecha de Ingreso: enero-2011 Ubicación: Lima
Mensajes: 2.744
Antigüedad: 14 años Puntos: 444 | |
Respuesta: Divs paralelos con width:auto Bueno, te contaré un secreto: width no es obligatorio.
Si quieres lograr que una columna sea fija y la otra fluida, lo único que necesitas hacer es...
1. Hacer el contenedor fuido:
#contenedor
{margin: 30px 10% auto; position: relative}
2. Haz la columna de la izquierda fija, no de ancho automático. Al fin y al cabo, solo irá allí el menu:
#left
{position: absolute; top: lo necesario; width: 200px}
3. Haz la columna derecha fluida y dile que empiece donde terminó el otro
#right
{position absolute; top: lo necesario; left: 220px; right: 0}
Con esto...
- El contenedor se centrará
- La columna izquierda será fija de 200px de ancho
- La columna derecha será un rectángulo que empiece en el píxel 220, contando desde la izquierda y termine en el píxel número 0, contando desde la derecha. O sea, tomará todo el espacio restante.
Aderece al gusto y sírvase. |