image
Inicio » Foros » CSS

Foro sobre hojas de estilo CSS

Redimensionar div según contenido

Volver al foro | Responder | Añadir nuevo tema


De: jokings80
Fecha: 22/08/2012
Mensaje:

Hola,

No consigo que un div que se crea de forma dinámica se redimensione según su contenido. La idea que tener un div principial (#divPrincipal) que tiene un ancho fijo. Dentro de este div, entre otras cosas, habrá otro div (#divCabecera) que es el que se debe de redimensionar según su contenido. Por último, dentro de #divCabecera se irán creando un número indeterminado de div con texto (#divTexto).

Por ahora lo tengo del siguiente modo,

#divPrincipal{
position:relative;
top: 0px;
left: 0px;
width: 550px;
overflow-x: auto;
}

#divCabecera{
position:relative;
top: 0px;
left: 0px;
height: 28px;
}

.divTexto{
position:relative;
float:left;
top: 0px;
left: 0px;
width: 50px;
height: 28px;
}

Y el HTML,

<div id='divPrincipal'>
<div id='divCabecera'>
<div class='divTexto'>Texto 1</div>

<div class='divTexto'>Texto 2</div>

<div class='divTexto'>Texto 3</div>

<div class='divTexto'>Texto 4</div>

...
</div>

Otros elementos...
</div>

Lo que busco es que si hay muchos elementos "divTexto", el "divCabecera" se redimensione y si es necesario que "divPrincipal" muestre el scroll-x.

Tal y como está ahora "divCabecera" no se redimensiona y los elemenos que sobrepasan su anchura se escriben en la siguiente línea :(

He buscado por mil sitio y no encuetro como solucionarlo. ¿Alguna idea?

Gracias por la ayuda!!


Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.