Div que baje con el scroll vertical

eznibe · #1 (**permalink**) 07/03/2007, 21:03

Que tal,

Lo que busco lo vi en varias paginas por lo que creo debe ser facil de hacer.

Es un div (o un bloque) con alguna informacion, que cuando se hace el scroll para abajo en la pagina se mantiene en su lugar, dando la imprsion de que esta bajando junto con nosotros.
Aclaracion, no es un frame fijo a un costado porque hay veces que se ve el efecto de que esta bajando.

Agradezco quien me pueda ayudar con este tema
Saludos, eznibe

floren · #2 (**permalink**) 08/03/2007, 00:16

Creo que tienes la solución aquí:

http // snook.ca/archives/html_and_css/position_relative_overflow_ie/

jtoribioa · #3 (**permalink**) 08/03/2007, 17:26

prueba con esto

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<style>
*{
margin:0;
padding:0;
}
#contenedor{
width:760px;
/*esta linea centra el contenedor pero la capa debe tener un ancho*/
margin:30px auto;
border:solid 1px #000;
}
#capa1{
width:400px;
height:300px;
margin:20px auto;
background:#f00;
border:solid 1px #000;
}
#capa2{
width:600px;
height:400px;
margin:20px auto;
background:#0f0;
border:solid 1px #000;
}
</style>
</head>
<body>
<div id="contenedor">
	CONTENEDOR
	<div id="capa1">CAPA 1</div>
	<div id="capa2">CAPA 2</div>
</div>
</body>
</html>

las margin:0 auto; son las que centran las capas ojala te sirva
Saludos

eznibe · #4 (**permalink**) 10/03/2007, 11:18

Gracias por la ayuda, pero lo que exactamente queria esta en esta pagina:

cssplay.co.uk/layouts/fixed.html

Todavia estoy tratando de implementarlo, pero la solucion es esa

Saludos, eznibe

Shiryu_Libra · #5 (**permalink**) 11/03/2007, 18:25

no se si lo hayas solucionado o no
haber si funciona...

Maqueta de pagina estatica

pero los que miren el post, querran saber como lo hiciste

Código:

#contenedor {
    position: absolute;
    visibility: visible;
    z-index: 1;
    width: 480px;
    overflow: auto;
    text-align: center;
}

#contenedor #contenido {
    overflow: auto;
    position: relative;
    visibility: visible;
    width: 90%;
    text-align: justify;
}

demiurgo_daemon · #6 (**permalink**) 11/03/2007, 19:39

Código:

position:fixed;

hace el truco. ten cuidado, sin embargo, ya que no funciona en ie6 o inferior (no es que me interese

, pero hay a quien si)

saludos

Shiryu_Libra · #7 (**permalink**) 11/03/2007, 20:01

perdon demiurgo_daemon, escribi algo malo??