[solucionado] div para menú lateral + contenido ajustable

[davocho]

Quiero maquetar una página con css de modo que tenga cabecera, menú izquierdo, contenido y pie.
El problema es que quiero que el contenido ajuste su ancho a lo deje libre el menú, es decir, si el ancho de pantalla es 1024px. y el menú es de 200px., el contenido ocupe 824px.
Lo que hice fue poner:

#menu {
width: 200px;
float:left;
}
#contenido {
width: auto;
float: right (o left.. tanto da)
}

pero así no funciona en Firefox (sí en Explorer), me pone el contenido debajo del menú. Si pongo width:600px (por ejemplo) si que funciona, pero claro, no se ajusta al ancho automáticamente.

La página está en sombradeunjinete.awardspace.com y el css en sombradeunjinete.awardspace.com/css/jinete.css

Gracias por adelantado

[tunait]

Qué tal

No hace falta que flotes el contenedor contenido; tampoco que le asignes ningún ancho

[joshvoll]

Porke no pruebas esto

#html, #contenido {
width: auto;
float: right (o left.. tanto da)
}

Aunque tunait tiene razon, si lo pones a cero pues el solo tratare de ajustarse a la pantalla, claro debes de tratar que el contenido mas pequeño sea 800X600 pero nada dificil. otra cosa prueba ponerle un funcion padding asi tendras algo diferente. tambien a los div asignales valor

[demiurgo_daemon]

Hola,

para hacerlo elástico, lo mejor que me imagino es poner ambas columnas con porcentajes y dar un ancho mínimo al contenedor:

Código:

#contenido{
/*...*/
min-width: 800px;
}
#menu {
width: 20%;
float:left;
}
#contenido {
width: 80%
float: right;
}

nada más habrá que tener cuidado con ponerles bordes a los divs; ya sabes, por aquello del modelo de cajas

saludos

[davocho]

Me parece muy interesante la opción de demiurgo_daemon, pero he decidido seguir la de tunait. Entonces el css queda (si lo he entendido bien):

#menu {
width:200px;
height:auto;
float:left;
}

#contenido {
width:auto;
height:auto;
}

Lo que pasa ahora es que si el contenido es más largo que el menú, el contenido ocupa todo el ancho debajo del menú. (ver sombradeunjinete.awardspace.com) Tampoco quiero darle un alto fijo en pixeles, pues en teoría es para páginas de distintos tamaños. Se me ocurrió solucionarlo creando una caja que recoja las dos cajas menu y contenido, pero creo que es matar moscas a cañonazos...

[tunait]

Iniciado por davocho

Lo que pasa ahora es que si el contenido es más largo que el menú, el contenido ocupa todo el ancho debajo del menú. (ver sombradeunjinete.awardspace.com)

Ah, pero eso lo ajustas asignándole un margen izquierdo al contenido de tantos pixels como tenga el menú

[davocho]

Muy bien! Funciona! Gracias a todos por la ayuda

[tunait]

Qué bien, me alegra que lo solucionaras

Un saludo