Foros del Web » Creando para Internet » CSS »

Anchura DIV automática

Estas en el tema de Anchura DIV automática en el foro de CSS en Foros del Web. Buenas, Tengo un DIV que cuando está lleno de texto, se auto-ajusta perfectamente al tamaño de la ventana. Pero si, por ejemplo, agrego solo un ...
  #1 (permalink)  
Antiguo 21/09/2008, 13:37
 
Fecha de Ingreso: junio-2006
Mensajes: 58
Antigüedad: 17 años, 10 meses
Puntos: 0
Anchura DIV automática

Buenas,


Tengo un DIV que cuando está lleno de texto, se auto-ajusta perfectamente al tamaño de la ventana.

Pero si, por ejemplo, agrego solo un par de palabras como contenido, entonces el DIV se reduce a la anchura mínima necesaria para que se muestren esas dos palabras ... y si el DIV está vacío se muestra un cuadro minúsculo. Con la altura pasa igual.

Lo que intento es un DIV que siempre se ajuste al tamaño de la ventana aunque esté vacío de contenido.

He buscado y probado de todo ... position:absolute y relative ... width:auto ... etc. en todas sus combinaciones, pero no hay manera.
  #2 (permalink)  
Antiguo 21/09/2008, 14:06
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Anchura DIV automática

¿Has intentado con width y height 100% ?
Así te debería funcionar, siempre que no esté contenido en otro div que tenga el ancho y alto definido en un tamaño menor al 100%, pues entonces se expandiría para ocupar todo el espacio disponible de ese div contenedor.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 21/09/2008, 14:31
 
Fecha de Ingreso: julio-2008
Mensajes: 35
Antigüedad: 15 años, 9 meses
Puntos: 1
Respuesta: Anchura DIV automática

creo que deberias de probar como lo dice keso, en cuanto a width:100%, pero respecto al height creo que no te funcionara con un 100%, pero lo que puedes hacer es lo siguiente,

div#selector {
min-height:500px;
height:auto !important;
height:500px;
}

asi, el div si no contiene nada te deja una altura predeterminada sea ie6,ie7 y FF
me comentas si te funciono
  #4 (permalink)  
Antiguo 21/09/2008, 19:02
 
Fecha de Ingreso: junio-2006
Mensajes: 58
Antigüedad: 17 años, 10 meses
Puntos: 0
Respuesta: Anchura DIV automática

El width:100% en el DIV no funciona porque tengo otro DIV a la izquierda, que acaba empujándolo fuera de la ventana, de ahí mi problema.

Sin embargo, he recurrido a una clásica tabla con un width=100% dentro del div y hace el truco perfecto. El DIV se ajusta automáticamente a la anchura de la ventana aunque haya poco contenido.

Por otro lado ...

min-height:500px;
height:auto !important;
height:500px;

... me ha venido estupendo para controlar además la altura.

Gracias por las respuestas!
  #5 (permalink)  
Antiguo 21/09/2008, 19:05
 
Fecha de Ingreso: junio-2006
Mensajes: 58
Antigüedad: 17 años, 10 meses
Puntos: 0
Respuesta: Anchura DIV automática

P.D. la tabla que he creado está casi vacía al final del DIV, solo se encarga de 'inflarlo', así que los elementos que se muestran en el DIV son independientes de la tabla.

Si hay alguna forma más 'hortodoxa' de hacerlo se aceptan ideas ...
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 09:39.