div que ocupe su espacio

[rogeliomx]

Hola tengo un div al que le cambio sus propiedades de width con CSS a porcentaje, cuando este div tiene información, ocupa el porcentage establecido el problema es cuando no lo tiene este es como si no existiera que propiedad debo usar para hacer que el div ocupe el porcentage establecido aunque no tenga ontenido??

[pzin]

* porcentaje

Los elementos tienen por defecto una altura automática, es decir, que se adaptan al contenido. Si no existe contenido, entonces la altura es igual a cero. Suponiendo que no tenga borde y/o ningún relleno, entonces visualmente no aparecerá ese elemento.

Entonces, si a un elemento de ninguna altura le pones cualquier ancho, no lo vas a ver.

Supongo que será eso lo que te pasa. No obstante es buena costumbre publicar el código que tienes.

[rogeliomx]

jeje la explicacion es mas que suficiente para resolver mi problema muchisimas gracias
<div>
<div class="width80 floatleft"></div>
<div class="width20 floatleft"></div>
</div>
<div>
<div class="width80 floatleft"></div>
<div class="width20 floatleft"></div>
</div>

lo estoy creando dinamicamente.
width80 y floatleft son clases CSS

[IsraelPina]

Rogelio te recomiendo utlizar las opciones de CODE al poner tu comentario para que sea mas limpio,
Mi duda es, quieres que ocupe un espacio por si el 1ro esta vacio que deje su espacio en blanco y el 2do ocupe el lugar de siempre respetando el lugar del 1ro aunque sea un espacio en blanco?? ??

[angel_ayora_93]

Puedes usar min-width y max-width para controlar los valores minimos y máximos de anchura, la anchura que luego el elemento ocupará estará entre el minimo y el máximo.

Código HTML:

<style>
.minWidth80
{
   min-width:80px;
}

.maxWidth160
{
   max-width:160px;
}
</style> 

[rogeliomx]

Iniciado por IsraelPina

Rogelio te recomiendo utlizar las opciones de CODE al poner tu comentario para que sea mas limpio,
Mi duda es, quieres que ocupe un espacio por si el 1ro esta vacio que deje su espacio en blanco y el 2do ocupe el lugar de siempre respetando el lugar del 1ro aunque sea un espacio en blanco?? ??

Si exactamente eso quiero, lo resolví poniéndole un espacio en blanco XD, pero si conoces alguna forma mas interesante Gracias.

Con lo de min y max, no quiero establecerle un min, por que no se cuanto mide la altura de la fuente y no quiero especificar un tamaño fijo.

[venommist]

Iniciado por rogeliomx

Si exactamente eso quiero, lo resolví poniéndole un espacio en blanco XD, pero si conoces alguna forma mas interesante Gracias.

Con lo de min y max, no quiero establecerle un min, por que no se cuanto mide la altura de la fuente y no quiero especificar un tamaño fijo.

Existen alternativas más dinámicas, interactivas y atractivas visualmente, como por ejemplo usar jquery, prototype u otra libreria para ello.

Si tienes interés en alguna de estas alternativas, te puedo ayudar, no es tan diferente a CSS en la lógica, incluso, lo único que hace es modificar el CSS para hacerlo animado en una X cantidad de tiempo.

[pzin]

Cualquier día se van despertar y se van a poner a desayunar jQuery por hábitos adquiridos.

Si quieres hacer eso de que uno ocupe el lugar restante del otro, es tan simple como hacer:

Código HTML:

<div class="izquierda"></div>
<div class="derecha"></div>
 

Código CSS:

div.izquierda {
  float: left;
}
 
div.derecha {
  overflow: hidden;
}