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,
Código:
#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,
Código 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!!