[SOLUCIONADO] Div fijo !!!

picpoc · #1 (**permalink**) 08/02/2013, 16:40

Tengo una página web con un div central contenedor donde esta toda la informacion, el fondo de la web es fijo, al hacer scroll solo se mueve el div central , el fondo se queda siempre quieto. Ahora bien quiero poner un div fuera del div central, en un lado con un imagen a modo de boton, y que cuando redimensione la página o haga scrolll, no varie su posición. He probado poniendo el div en posición fija , al hacer scroll no se mueve , pero cuando redimensiono la página, si que se me mueve.

Hay alguna manera de poner un div , en una posición fija , y que no se mueva al cambiar el tamaño de la página, sin tener que meterlo en otro div contenedor?

Gracias

Triby · #2 (**permalink**) 08/02/2013, 23:55

La posición de un elemento en la página depende de su contenedor, entonces, si ese div está directamente en body, es lógico que al cambiar el tamaño de la ventana éste se mueva; pero no me queda claro si el uso de otro contenedor pueda ser la solución.

picpoc · #3 (**permalink**) 09/02/2013, 06:05

Y alquien sabe cual podría ser la solución?.

Gracias

Triby · #4 (**permalink**) 09/02/2013, 21:08

Creo que ya supe cómo.

Código CSS:

Ver original#fijo {
    display:block;
    width:200px;
    overflow:hidden;
    position:fixed;
    top:200px;
    left:50%;
    border:#fff 1px dotted;
    margin:0 0 0 420px;
    padding:5;
}

Colocas el div a la mitad de la página (50%) y lo mueves a la derecha por medio de margen izquierdo, en este caso, suponiendo que tu contenedor central tiene un ancho de 800px, entonces es la mitad mas otros 20px para que no quede pegado, bueno, tú probarás a tu gusto.

picpoc · #5 (**permalink**) 10/02/2013, 07:00

Funcionó , eres un crack!!!.

Gracias.