Para dejar que un DIV o una imágen «flote» sobre la pantalla cuando la scrolleamos, debemos definir este estilo:
Y luego en nuestro documento HTML le aplicamos ese estilo al elemento que queremos que flote así:
--- algo que flota al scrolear ---
Observar que esto flota en la posición (x,y)=(0,0) de la pantalla, pero podemos situarla en cualquier otra posición poniendo un valor para la coordenada x y otra para la coordenada y
estoy haciendo mi propia pagina y tengo problema con el div fijo en un lado, pero se vee bien en firefox pero en internet 9 no se vee bien. los codes son dentro del css:
#fijo
{
background: #999999;
position:fixed;
width: 170px;
height: 2500px;
margin-left: 110px;
margin-right: auto;
margin-top: -10px;
opacity: 0.8;
border: 2px solid #999999;
-webkit-border-radius:1px;
-moz-border-radius:1px;
-moz-box-shadow: 0px 0px 15px #505050;
-webkit-box-shadow: 0px 0px 15px #505050;
}
dentro del html son:
Home
Website
Flyers
Trabajo_Digital
Huisstyle
Fotos
Otros
y yo quiero que mi pagina se vea como
http://www.danigutierrez.com
me podrian hacer el favor de ayudarme, la pagina la necesito terminarla en diciembre, para mi es una emergencia.
gracias de antemano.
Jenny
Cual es el problema el opacity ??? No queda fija en la pantalla ? Bordes redondeados ?
Amigo gracias por el código me ayudo demasiado ^_^.
Buenísimo si me salió tuve un poco de problemas para centrarlo pero le quite el parámetro right: 0px;
GRACIAS AMIGo
wenaa
hola me ha servido estos godigos muchisimas gracias
solo que tengo un pequeñiiiiiiisimo detalle .
la imagen que use para que «»flote» la tengo dentro de una celda en una tabla, y al usar el codigo la saca de la tabla, lo que quiero es que permanesca dentro de la tabla, me podrias ayudar en eso porfas
mmmm podrías poner el codigo css en la tabla??
Gracias ddicami, funciono perfecto para hacer mi menu superior.