Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Div fijo !!!

Estas en el tema de Div fijo !!! en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/02/2013, 15:40
 
Fecha de Ingreso: octubre-2010
Mensajes: 11
Antigüedad: 8 años, 10 meses
Puntos: 0
Div fijo !!!

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

Última edición por picpoc; 08/02/2013 a las 15:48
  #2 (permalink)  
Antiguo 08/02/2013, 22:55
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.946
Antigüedad: 11 años, 1 mes
Puntos: 2183
Respuesta: Div fijo !!!

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.
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 09/02/2013, 05:05
 
Fecha de Ingreso: octubre-2010
Mensajes: 11
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Div fijo !!!

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

Gracias
  #4 (permalink)  
Antiguo 09/02/2013, 20:08
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.946
Antigüedad: 11 años, 1 mes
Puntos: 2183
Respuesta: Div fijo !!!

Creo que ya supe cómo.

Código CSS:
Ver original
  1. #fijo {
  2.     display:block;
  3.     width:200px;
  4.     overflow:hidden;
  5.     position:fixed;
  6.     top:200px;
  7.     left:50%;
  8.     border:#fff 1px dotted;
  9.     margin:0 0 0 420px;
  10.     padding:5;
  11. }

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.
__________________
- León, Guanajuato
- GV-Foto
  #5 (permalink)  
Antiguo 10/02/2013, 06:00
 
Fecha de Ingreso: octubre-2010
Mensajes: 11
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Div fijo !!!

Funcionó , eres un crack!!!.

Gracias.

Etiquetas: fijo, tamaño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:45.