CSS - Redimensionar div según contenido

   
Vista:

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,

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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder