CSS - scroll

   
Vista:

scroll

Publicado por martin (1 intervención) el 01/04/2013 23:02:35
La cosa es asi.
tengo un div al cual le inserto varios divs como display inline-block y position relative.
Hasta aca perfecto, el div padre tiene un width fijo digamos 300 px.

cuando la cantidad de divs que inserto supera en tamaño del width del div contenedor este no scrola.
aL Principio estaba overflow como hidden, pero luego le puse scroll para poder scrollar y aparecen las barras pero ninguna scrola.

Segun tengo entendido el scroll se dispara cuando algun(al menos uno 1) objeto o child del contenedor lo supera,puede ser que esto sea literal, por que es verdad que ninguno de los divs que inserto supera el width del contendor pero si pongo 100 divs no scrola

ahora, si yo inserto un div en el div contedor y le doy un width mayor al del contenedor y ahi le inserto lo demas divs funciona, es decir:


div contenedor -> div subdiv ->div1,div2,div3...divN

Se puede resolver esto sin tanto problema??

es un problema de divs?

saludos.
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
Imágen de perfil de xve

scroll

Publicado por xve (352 intervenciones) el 02/04/2013 07:55:49
Hola Martin, dependera mucho de como tengas puestos los estilos... si por ejemplo son flotantes, tendrás que disponer de un contenedor para ellos...

Aqui tengo un ejemplo, que entiendo que es similar al que tu estas haciendo, verdad?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8" />
        <style>
            .wrapper        {width:300px;overflow-x:scroll;}
            .content        {width:510px;}
            .content div    {width:100px;float:left;border:1px solid #00f;}
        </style>
    </head>
 
    <body>
        <div class='wrapper'>
            <div class='content'>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
            </div>
        </div>
    </body>
</html>


Nos puedes mostrar como lo estas haciendo?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar