Desarrollo y diseño

scroll en divs

NeB1
NeB1 #1 Jul '09

Hola buenas, hoy voy a abusar de vosotros.

Veamos, tengo un div contenedor, y dentro X divs con float left para que se pongan cada uno al lado del otro, p.e:

El número de divs que va a tener dentro (los verdes) no es determinables, en cada ejecución será un número u otro. Me gustaría, que si quiero que el contenedor tenga 1000px de ancho, cuando el número de divs no quepan en esos 1000px, le aparezca un scroll al contenedor (overflow:auto?) sin embargo pasa esto:

Y la altura de cada div interior puede ser variable, por lo que no puedo ponerle al contenedor un "height" fijo, aunque poniendoselo sigue sin funcionar.

Como puedo hacerlo? he probado casi de todo...

RaymaN
RaymaN #2 Jul '09 Sureño

overflow: scroll;

NeB1
NeB1 #3 Jul '09

#2 ya lo había provado y nada...

Shendraf
Shendraf #4 Jul '09

¿No sería mejor meter dentro del contenedor una tabla en vez de tantos divs?

NeB1
NeB1 #5 Jul '09

#4 ufff... es que es una estructura muy compleja la que tienen esos divs por dentros, es complicado...

cada div interior es más o menos así

<div>
<div id="upper">
<img src="divuper">
</div>

<div id="middle" style="background-image:url(/divmiddle);background-repeat:repeat-y;">
<table>....

</div>

<div id="bottom">
<img src="divbottom">
</div>
</div>

Shendraf
Shendraf #6 Jul '09

No le veo problema porque puedes anidar tables.

Sería algo así:
<div id="contenedor">
<table id="elementosInterior">
<tr>
<td> Código del elemento 1 </td>
<td> Código del elemento 2 </td>
<td> Código del elemento n </td>
</tr>
</table>
</div>

Y dentro del elemento 1:

<table id="elemento1">
<tr>
<td> Código Upper </td>
</tr>
<tr>
<td> Código Middle </td>
</tr>
<tr>
<td> Código Bottom </td>
</tr>
</table>

Uno de mis problemas al crear una estructura compleja a base de div es que puede verse de manera de diferente en IE y Firefox. De todas maneras, espero que te sirva mi propuesta.

NeB1
NeB1 #7 Jul '09

#6 lo voy a probar, pero el tema es que los divs se pueden colocar exactamente donde queramos para que las imagenes del medio de arriba y de abajo se ajusten al milimetro para mondar una imagen

Z
Zartch #8 Jul '09

los divs son para separar seciones de la web, mas que para hacer tablas para insertar contenidos....

además no puedes hacer cosas estaticas por que cada uno tiene una pantalla diferente....

en vez de decirle cuantos pixeles deve ocupar dile mejor el % de la pantalla..

yo tamb creo k pa hacer lo k kieres hacer es mas util una tabla...

Usuarios habituales