Tamaño de combos

Hola,

tengo que crear un página que contiene un número variable de combos.
Hasta ahora los ponía uno seguido de otro (en horizontal) con lo que si
hay muchos sale el scroll horizontal. Ejemplo (las líneas marcan la zona
de pantalla):


| |
| Combo1 Combo2 Combo3 Combo4 | Combo5 Combo6
| |
| |



Lo que me gustaría es ponerlos en diferentes filas según cuantos me
cojan en la misma fila. Ejemplo:

| |
| Combo1 Combo2 Combo3 Combo4 |
| Combo5 Combo6 |
| |


Se me han ocurrido dos opciones pero no logro hacerlo:

1. Ponerle un tamaño fijo a los combos. PROBLEMA: Lo que pasa entonces
es que si el texto de los combos es más largo me lo corta y no se como
hacer para que me los muestre al desplegarlo

2. Calcular cuanto ocupa cada como y el tamaño de la pantalla. PROBLEMA:
Si no le pongo width al combo la propiedad combo.style.width está vacia
y no se cuanto ocupa.


Muchas gracias.

Hola Roberto.

Una posibilidad es meterlos todos en un contenedor <div> y a éste
asignarle un ancho relativo, por ejemplo:

<div style="width: 80%;">
<combo1> <combo2> <combo3> etc.
</div>

...Los combos se irán colocando sucesivamente uno al lado de otro,
saltando a la línea siguiente en cuanto no quepan dentro del ancho del
<div>.

No sé si te sirva la propuesta...

Saludos!
Miguel


Roberto Rodríguez escribió:

Hola,

tengo que crear un página que contiene un número variable de combos.
Hasta ahora los ponía uno seguido de otro (en horizontal) con lo que
si hay muchos sale el scroll horizontal. Ejemplo (las líneas marcan la
zona de pantalla):


| |
| Combo1 Combo2 Combo3 Combo4 | Combo5 Combo6
| |
| |



Lo que me gustaría es ponerlos en diferentes filas según cuantos me
cojan en la misma fila. Ejemplo:

| |
| Combo1 Combo2 Combo3 Combo4 |
| Combo5 Combo6 |
| |


Se me han ocurrido dos opciones pero no logro hacerlo:

1. Ponerle un tamaño fijo a los combos. PROBLEMA: Lo que pasa entonces
es que si el texto de los combos es más largo me lo corta y no se como
hacer para que me los muestre al desplegarlo

2. Calcular cuanto ocupa cada como y el tamaño de la pantalla.
PROBLEMA: Si no le pongo width al combo la propiedad combo.style.width
está vacia y no se cuanto ocupa.


Muchas gracias.