Foros del Web » Creando para Internet » CSS »

poner DIV al medio de la pagina

Estas en el tema de poner DIV al medio de la pagina en el foro de CSS en Foros del Web. Hay forma de posicionar un DIV al medio de la pagina con CSS?...
  #1 (permalink)  
Antiguo 06/02/2009, 11:09
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 931
Antigüedad: 14 años, 6 meses
Puntos: 8
poner DIV al medio de la pagina

Hay forma de posicionar un DIV al medio de la pagina con CSS?
__________________
El aprendiz.
  #2 (permalink)  
Antiguo 06/02/2009, 11:19
 
Fecha de Ingreso: septiembre-2008
Ubicación: Nuñez, Capital Federal
Mensajes: 423
Antigüedad: 9 años, 3 meses
Puntos: 1
Respuesta: poner DIV al medio de la pagina

si, con margin:0 auto;

saludos!
  #3 (permalink)  
Antiguo 06/02/2009, 11:23
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 931
Antigüedad: 14 años, 6 meses
Puntos: 8
Respuesta: poner DIV al medio de la pagina

eso funciona asi aunque el DIV sea de pongamos 200px por 200px?
__________________
El aprendiz.
  #4 (permalink)  
Antiguo 06/02/2009, 13:52
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: poner DIV al medio de la pagina

Te refieres a "El medio de la pagina" Horizontal, o Verticalmente?
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #5 (permalink)  
Antiguo 06/02/2009, 17:03
 
Fecha de Ingreso: septiembre-2008
Ubicación: Nuñez, Capital Federal
Mensajes: 423
Antigüedad: 9 años, 3 meses
Puntos: 1
Respuesta: poner DIV al medio de la pagina

lo que te puse es si lo quieres centrado, digamos... si lo quieres en el medio centrado verticalmente... pues ahi, no sabria bien que decirte...

saludos!
  #6 (permalink)  
Antiguo 06/02/2009, 17:16
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: poner DIV al medio de la pagina

Para centrarlo horizontal y verticalmente es un poco más complejo:

Código:
position:absolute;
width:200px;
height:200px;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;
Espero esto te ayude, suerte
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #7 (permalink)  
Antiguo 23/07/2009, 11:57
 
Fecha de Ingreso: febrero-2008
Mensajes: 3
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: poner DIV al medio de la pagina

A mí me funcionó así:

<style type="text/css">
<!--
body {
text-align:center;
/*asegura una alinación centrada*/
}
.container {
position: absolute;
top:50%;
left:50%;
/*determinamos un ancho del div, en este caso es la anchura de una imagen*/
width:540px;
/*indicamos que el margen izquierdo es la mitad de ese ancho, es decir, 540px dividido por 2*/
margin-left:-270px;
/*determinamos una altura*/
height:466px;
/*indicamos que el margen superior es la mitad de la altura, es decir, 466px dividido por 2*/
margin-top:-233px;
padding:5px;
}
</style>

Y... eso. Saludos.
  #8 (permalink)  
Antiguo 23/07/2009, 14:25
Avatar de jackbach  
Fecha de Ingreso: julio-2009
Mensajes: 36
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: poner DIV al medio de la pagina

¡IMPORTANTE!
A veces no se centra porque no le hemos dado un valor de ancho, y toma como ancho 100%. Si no se centra un div con:
#__{
margin: 0 auto;
}

añadirle lo que mide de ancho con:
width: __px;

hasta pronto!
  #9 (permalink)  
Antiguo 24/07/2009, 16:06
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: poner DIV al medio de la pagina

Hola:

En la página de Mikmoro tienes varios ejemplos de centrado, a ver si te sirve alguno.

Saludos.

  #10 (permalink)  
Antiguo 24/07/2009, 16:09
Avatar de ivanzv  
Fecha de Ingreso: julio-2009
Ubicación: Mexico
Mensajes: 19
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: poner DIV al medio de la pagina

Deberian usar el buscador del foro para encontrar respuesta a preguntas tan recurrentes como esta.
  #11 (permalink)  
Antiguo 25/07/2009, 11:52
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: poner DIV al medio de la pagina

Disculpen! Este post se abrió hace 5 meses... (en febrero para ser exactos) No creo que sea conveniente contestar articulos de hace tanto tiempo.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #12 (permalink)  
Antiguo 25/07/2009, 14:03
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: poner DIV al medio de la pagina

Hola:

¡¡vaya despiste!!

Saludos.

  #13 (permalink)  
Antiguo 25/07/2009, 22:26
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: poner DIV al medio de la pagina

No hay problema Jomaruro!! A todos nos pasa... Teniendo en cuenta que era viernes... es algo normal!

__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
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 23:54.