Foros del Web » Creando para Internet » CSS »

como poner un div foltante en el centro de la pagina

Estas en el tema de como poner un div foltante en el centro de la pagina en el foro de CSS en Foros del Web. Estimados, Como hago para poner un div flotante justo en el centro de la pagina?? tengo las propiedades top, right, left, bottom, pero para ponerlo ...
  #1 (permalink)  
Antiguo 13/05/2009, 10:03
 
Fecha de Ingreso: diciembre-2008
Mensajes: 454
Antigüedad: 15 años, 4 meses
Puntos: 2
como poner un div foltante en el centro de la pagina

Estimados,

Como hago para poner un div flotante justo en el centro de la pagina??

tengo las propiedades top, right, left, bottom, pero para ponerlo en el centro existe alguna propiedad?? como hacer esto???

Gracias
  #2 (permalink)  
Antiguo 13/05/2009, 10:06
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: como poner un div foltante en el centro de la pagina

La propiedad sería position:fixed y solo le das las propiedades para que se centre. Por supuesto, esto no funciona con algunas versiones antiguas de IE.

Aquí Mikel tiene un ejemplo de como implementarlo completo: http://araudi.net/ejemplos/IE6fixed.html . Espero te funcione. Suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 13/05/2009, 10:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: como poner un div foltante en el centro de la pagina

<offtopic>¡¡¡Hey, hey, hey. Hola, daPhyre, cuánto tiempo sin verte!!!</offtopic>

Cita:
Iniciado por easy Ver Mensaje
Como hago para poner un div flotante justo en el centro de la pagina??
Depende de a qué te refieras exactamente.
  #4 (permalink)  
Antiguo 13/05/2009, 10:56
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 1 mes
Puntos: 142
Respuesta: como poner un div foltante en el centro de la pagina

Cita:
Iniciado por Mikmoro Ver Mensaje
<offtopic>¡¡¡Hey, hey, hey. Hola, daPhyre, cuánto tiempo sin verte!!!</offtopic>
Hola Mikel, también me alegra verte de nuevo. Mira que es mi primer día desde el regreso y ya ando teniendo que hacer SPAM a tu página

Yo creo que se refiere a lo que puse de tu ejemplo, pero falta y sea otro detalle, ya nos dirá.
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #5 (permalink)  
Antiguo 13/05/2009, 14:08
 
Fecha de Ingreso: diciembre-2008
Mensajes: 454
Antigüedad: 15 años, 4 meses
Puntos: 2
Respuesta: como poner un div foltante en el centro de la pagina

Amigos disculpenme por no conestar antes, tuve que salir.

Ese ejemplo es exactamente lo que requiero, pero que porblemas debería de tener con IE??

de verdad que agradezco su ejemplo esta muy bueno, pero tengo estas dudas:

#fijo {
position:absolute;
width:200px;
height:200px;
border:1px solid #000;
background:#cff;
left:50%;
margin-left:-100px;¿Porque?
top:50%;
margin-top:-100px;¿Porque?
}

Agradezco nuevamente el ejemplo indicado

A sus servicios
easy
  #6 (permalink)  
Antiguo 13/05/2009, 14:15
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años
Puntos: 177
Respuesta: como poner un div foltante en el centro de la pagina

Cita:
width:200px;
height:200px;
la mitad de el width y del height es 100, sino nunca te quedaría centrado, me explico?

__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #7 (permalink)  
Antiguo 13/05/2009, 14:29
 
Fecha de Ingreso: diciembre-2008
Mensajes: 454
Antigüedad: 15 años, 4 meses
Puntos: 2
Respuesta: como poner un div foltante en el centro de la pagina

ok osea que le restamos el 50% en los margin-left y margin-top para que quede centrado??
  #8 (permalink)  
Antiguo 13/05/2009, 14:45
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años
Puntos: 177
Respuesta: como poner un div foltante en el centro de la pagina

asi es!
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #9 (permalink)  
Antiguo 13/05/2009, 16:32
 
Fecha de Ingreso: diciembre-2008
Mensajes: 454
Antigüedad: 15 años, 4 meses
Puntos: 2
Respuesta: como poner un div foltante en el centro de la pagina

Gracias

Muchas gracias a todos
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 21:52.