Propiedad overflow-y no funciona

southern · #1 (**permalink**) 09/11/2011, 17:51

Buenas ! Tengo un div que contiene un menu lateral, el cual me gustaría que tuviese scroll vertical, de modo que se pueda desplazar el menú sin mover la web entera.

El caso es que utilizo overflow-y: scroll; en el div que contiene el menú y aparece, pero no funciona y solo me deja desplazar la web entera con el scroll normal.

Aquí dejo el código por si alguien me pudiese echar un cable! Muchas gracias de antemano

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	
	<title>Pruebas CSS</title>
	
	<style type="text/css">
#container {
	width:100%;
	margin:20px auto;
}
#content {
	float:left;
	width:70%;
	margin-bottom: 20px;
	margin-top: 10px;
	
}
#sidebar {
	float:right;
	width:25%;
	height: 70%;
	text-align: right;
	overflow-y: scroll;
	
}
#footer {
	clear:both;
	height: 20%;
	text-align: right;
	width: 100%;
}
	</style>
</head>
<body>
<div id="container">
	<div id="header">
		<marquee bgcolor="#000" style="font-family: Arial, Helvetica; border: yellow 3px solid; border-right-width: 0px; border-left-width: 0px; color:#00FF00;" loop="infinite"><b>Hoy Me Mamo !  No Hay Bar Que Por Bien No Venga ! El que bebe se emborracha. El que se emborracha duerme. El que duerme no peca. El que no peca va al cielo... y puesto que al cielo vamos &iexcl;&iexcl;BEBAMOS!!.</b></marquee>
	</div>
	<div id="content">
		Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.
	</div>
	<div id="sidebar"><img src="imagenes/calendario.png" width="183" height="147"> <img src="imagenes/hr.png"> 
	<img src="imagenes/eventos.png" /><img src="imagenes/hr.png"> </div>
	<div id="footer"><img src="imagenes/garitos.jpg" ><img src="imagenes/fotos.jpg" ><img src="imagenes/videos.jpg" ><img src="imagenes/musica.jpg"><img src="imagenes/blog.jpg"><img src="imagenes/blog.jpg" ><img src="imagenes/blog.jpg" ><img src="imagenes/publi.jpg" > <img src="imagenes/evento.png" /></div>
</div>
</body>
</html>

southern · #2 (**permalink**) 09/11/2011, 17:54

Vaya tonto estoy hecho, IsabelBm dio la respuesta en un post anterior al mio:

Cita:

el bloque contenedor ha de tener un alto con unidades absolutas. y los demás bloques con unidades relativas. siempre teniendo en cuenta que el hijo va a heredar del padre

Espero que a alguien más le sirva de ayuda y perdón por crear este post!

Buenas noches

jochesfor · #3 (**permalink**) 10/11/2011, 10:52

southern, yo soy el del post anterior, estoy tratando de solucionar mi problema, avisame si logras solucionar el tuyo y yo hare lo mismo si lo logro, gracias.