Foros del Web » Creando para Internet » CSS »

[solucionado] div para menú lateral + contenido ajustable

Estas en el tema de [solucionado] div para menú lateral + contenido ajustable en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 21/08/2007, 11:49
 
Fecha de Ingreso: agosto-2007
Mensajes: 3
Antigüedad: 10 años, 3 meses
Puntos: 0
Pregunta [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

Última edición por davocho; 21/08/2007 a las 15:42 Razón: porque ya está solucionado
  #2 (permalink)  
Antiguo 21/08/2007, 13:23
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: div para menú lateral + contenido ajustable

Qué tal

No hace falta que flotes el contenedor contenido; tampoco que le asignes ningún ancho
  #3 (permalink)  
Antiguo 21/08/2007, 13:32
 
Fecha de Ingreso: enero-2007
Mensajes: 68
Antigüedad: 10 años, 10 meses
Puntos: 0
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
  #4 (permalink)  
Antiguo 21/08/2007, 13:46
Avatar de demiurgo_daemon  
Fecha de Ingreso: diciembre-2006
Ubicación: Querétaro
Mensajes: 184
Antigüedad: 11 años
Puntos: 2
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:

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
  #5 (permalink)  
Antiguo 21/08/2007, 15:00
 
Fecha de Ingreso: agosto-2007
Mensajes: 3
Antigüedad: 10 años, 3 meses
Puntos: 0
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...
  #6 (permalink)  
Antiguo 21/08/2007, 15:03
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: div para menú lateral + contenido ajustable

Cita:
Iniciado por davocho Ver Mensaje
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ú
  #7 (permalink)  
Antiguo 21/08/2007, 15:41
 
Fecha de Ingreso: agosto-2007
Mensajes: 3
Antigüedad: 10 años, 3 meses
Puntos: 0
Re: div para menú lateral + contenido ajustable

Muy bien! Funciona! Gracias a todos por la ayuda
  #8 (permalink)  
Antiguo 21/08/2007, 16:27
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Re: [solucionado] div para menú lateral + contenido ajustable

Qué bien, me alegra que lo solucionaras

Un saludo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:29.