[solucionado] div para menú lateral + contenido ajustable
 

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

Re: div para menú lateral + contenido ajustable
 

Qué tal :-)

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

Re: div para menú lateral + contenido ajustable
 

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

Re: div para menú lateral + contenido ajustable
 

Hola,

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

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

saludos :adios:

Re: div para menú lateral + contenido ajustable
 

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...

Re: div para menú lateral + contenido ajustable
 

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

Re: div para menú lateral + contenido ajustable
 

Muy bien! Funciona! Gracias a todos por la ayuda

Re: [solucionado] div para menú lateral + contenido ajustable
 

Qué bien, me alegra que lo solucionaras ;-)

Un saludo :cool: