Foros del web, para los que viven de bits

eznibe · 07-mar-2007, 20: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 · 07-mar-2007, 23:16

Creo que tienes la solución aquí:

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

jtoribioa · 08-mar-2007, 16: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 · 10-mar-2007, 10: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 · 11-mar-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 · 11-mar-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 · 11-mar-2007, 20:01

perdon demiurgo_daemon, escribi algo malo??

07-mar-2007, 20:03	#1 (permalink)
eznibe Fecha de Ingreso: enero-2007 Mensajes: 7	Div que baje con el scroll vertical 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

07-mar-2007, 23:16	#2 (permalink)
floren Fecha de Ingreso: febrero-2005 Ubicación: Málaga Mensajes: 134	Re: Div que baje con el scroll vertical Creo que tienes la solución aquí: http // snook.ca/archives/html_and_css/position_relative_overflow_ie/

10-mar-2007, 10:18	#4 (permalink)
eznibe Fecha de Ingreso: enero-2007 Mensajes: 7	Re: Div que baje con el scroll vertical 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

11-mar-2007, 18:25	#5 (permalink)
Shiryu_Libra Colaborador Fecha de Ingreso: febrero-2007 Ubicación: Localhost/Pruebas.... Mensajes: 2.678	Re: Div que baje con el scroll vertical 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; } Última edición por Shiryu_Libra; 11-mar-2007 a las 18:36. Razón: el codigo, muy importante

11-mar-2007, 19:39	#6 (permalink)
demiurgo_daemon Fecha de Ingreso: diciembre-2006 Ubicación: Querétaro Mensajes: 184	Re: Div que baje con el scroll vertical 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

11-mar-2007, 20:01	#7 (permalink)
Shiryu_Libra Colaborador Fecha de Ingreso: febrero-2007 Ubicación: Localhost/Pruebas.... Mensajes: 2.678	Re: Div que baje con el scroll vertical perdon demiurgo_daemon, escribi algo malo??

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado