Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Como crear contenedor div con scroll vertical

para crear un contenedor con scroll vertical a partir de una div solo tenemos que usar unas pocas lineas de css, también necesitamos un par de de div para que se adapten al contenido, no olvidemos que para que aparezca el scroll la capa contenedora a de tener un alto fijo

en este ejemplo vemos como se consigue
<style type="text/css">
#global {
	height: 300px;
	width: 200px;
	border: 1px solid #ddd;
	background: #f1f1f1;
	overflow-y: scroll;
}
#mensajes {
	height: auto;
}
.texto {
	padding:4px;
	background:#fff;
}
</style>
<div id="global">
  <div id="mensajes">
    <div class="texto">Mensaje 1</div>
    <div class="texto">Mensaje 2</div>
    <div class="texto">Mensaje 3</div>
    <div class="texto">Mensaje 4</div>
    <div class="texto">Mensaje 5</div>
    <div class="texto">Mensaje 6</div>
    <div class="texto">Mensaje 7</div>
    <div class="texto">Mensaje 8</div>
    <div class="texto">Mensaje 9</div>
    <div class="texto">Mensaje 10</div>
    <div class="texto">Mensaje 11</div>
    <div class="texto">Mensaje 12</div>
    <div class="texto">Mensaje 13</div>
    <div class="texto">Mensaje 14</div>
    <div class="texto">Mensaje 15</div>
  </div>
</div>
16
Puntos
38133
Visitas
4
Resp
Por alber hace 51 meses
Administrador

Respuesta #1

Muchas gracias Alber, me ayudaste un montón. Simple y funciona!
0
Puntos
Por Natalia hace 33 meses
Principiante

Respuesta #2

Natalia dijo:
Muchas gracias Alber, me ayudaste un montón. Simple y funciona!
de nada para eso estamos ;)
0
Puntos
Por alber hace 33 meses
Administrador

Respuesta #3

Como puedo hacer, si creo un div dentro del div texto y este quiero que sobresalga del div mensajes. Gracias
0
Puntos
Por Jose hace 16 meses
Principiante

Respuesta #4

muy buena alber como siempre
-5
Puntos
Por zerodarck hace 51 meses
Experto

Relaccionados

Para comentar Inicia sesión o Registrate