Foros del Web » Creando para Internet » CSS »

centrar objeto

Estas en el tema de centrar objeto en el foro de CSS en Foros del Web. hola, no tengo ni idea de css y estoy buscando una cosilla que no se si es puede hacer. Resulta que tengo un cuadro que ...
  #1 (permalink)  
Antiguo 22/01/2010, 06:22
 
Fecha de Ingreso: marzo-2009
Mensajes: 509
Antigüedad: 8 años, 9 meses
Puntos: 17
centrar objeto

hola, no tengo ni idea de css y estoy buscando una cosilla que no se si es puede hacer.

Resulta que tengo un cuadro que me gustaría centrar horizontalmente en la pantalla (siempre en %), pero encuentro como hacerlo respecto izquierda o derecha, entonces con el zoom de página se descentra:

Código HTML:
#division {
	position: absolute;	
	left:23%;
	top:3%;	
	width: 800px;
 	height: 600px;
 	border-color: #000;
	border-style: solid;
}
¿se puede hacer lo que quiero? ¿quizá con margin?

Gracias! saludos
  #2 (permalink)  
Antiguo 22/01/2010, 06:29
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: centrar objeto

Añade margin: 0 auto;



Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 22/01/2010, 06:51
 
Fecha de Ingreso: marzo-2009
Mensajes: 509
Antigüedad: 8 años, 9 meses
Puntos: 17
Respuesta: centrar objeto

Hola, gracias, y lo siento, porque ha sido culpa mía, antes me he explicado mal...

No quiero centrarlo respecto del centro "real" de la pantalla. Tengo un menú a la izquierda y otro a la derecha, ambos están ajustados con un porcentaje a los bordes, yo lo que quiero es centrar entre ambos mi cuadro

Gracias! Saludos
  #4 (permalink)  
Antiguo 22/01/2010, 06:55
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: centrar objeto

La formula para centrar en css es la que he mencionado antes, pero claro, si tienes el div con position:absolute; no te va a servir...
__________________
Revisa las FAQ's antes de disparar.
  #5 (permalink)  
Antiguo 22/01/2010, 07:03
 
Fecha de Ingreso: marzo-2009
Mensajes: 509
Antigüedad: 8 años, 9 meses
Puntos: 17
Respuesta: centrar objeto

Hola de nuevo, ahora mismo está asi:

Código:
#division {
        margin:0 auto;
	width: 800px;
 	height: 600px;
 	border-color: #000;
	border-style: solid;
}
y sigue si nfuncionar, se me montá el cuadro con el menú de la izquierda y sobra un montón por la derecha... no se...
  #6 (permalink)  
Antiguo 22/01/2010, 07:09
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: centrar objeto

Muestra el código CSS y el HTML, sino vamos a estar jugando a las adivinanzas.
__________________
Revisa las FAQ's antes de disparar.

Etiquetas: objeto
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 11:16.