Redimensionar div según contenido
Publicado por jokings80 (2 intervenciones) el 22/08/2012 16:13:37
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,
Y el HTML,
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!!
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,
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#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,
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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!!
Valora esta pregunta
0