Foros del Web » Creando para Internet » CSS »

Centrar Div y DivPA

Estas en el tema de Centrar Div y DivPA en el foro de CSS en Foros del Web. Buenas con Todos. Tengo una gran duda y quisiera que me ayudaran. Estoy creando una Web trabajando html, con Div y Capas DivPA, 1- Creo ...
  #1 (permalink)  
Antiguo 30/04/2011, 09:17
 
Fecha de Ingreso: abril-2011
Mensajes: 5
Antigüedad: 13 años, 7 meses
Puntos: 0
Centrar Div y DivPA

Buenas con Todos.

Tengo una gran duda y quisiera que me ayudaran.

Estoy creando una Web trabajando html, con Div y Capas DivPA,

1- Creo un Div, coloc su tamaño, creo su css y le coloco en la opcion "Cuadro" Right: Auto Left: Auto para que se centre mi Div.

2- Creo una Capa DivPA para poner un recuadro para el Logo, Pero al momento de darle vista preliminar sale descuadrado el DivPA es decir no en el Lugar donde lo Coloque.

Espero me entiendan estare al tanto del post que dejo y espero su ayuda Gracias aqui adjunto el codigo.



Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#zonaaa {
height: 600px;
width: 800px;
margin-right: auto;
margin-left: auto;
background-color: #666;
}
#apDiv1 {
position:absolute;
left:136px;
top:85px;
width:204px;
height:91px;
z-index:1;
background-color: #00CC33;
margin:auto;
}
</style>
</head>

<body>
<div id="apDiv1">este es mi DivPA</div>
<div id="zonaaa">
<p>este es mi Div</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</body>
</html>
  #2 (permalink)  
Antiguo 30/04/2011, 10:12
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 10 meses
Puntos: 772
Hola, iBioO. Bienvenido al foro.

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #3 (permalink)  
Antiguo 30/04/2011, 10:38
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años, 8 meses
Puntos: 116
Respuesta: Centrar Div y DivPA

el "apDIV1" al que tu llamadas divPA, se sale por dos cosas.
1.- tienes pos absolute
2.- no se encuentra dentro del div zonaaa.

*haz que el divPA quede dentro de zona.

<div zonaaa>
<div apDIV1></div>
</div>

y no le pongas position:absolute;, ponle relative.
despues pon top:0; left:0;

y para centrar el div GRIS (que es zonaaa) ponle margin:0 auto;

Y si lo que quieres centrar también es el divPA, omite el left:0 y top:0 y ponle de igual manera margin:0 auto;

Saludos.
__________________
Programador jQuery & PHP
  #4 (permalink)  
Antiguo 30/04/2011, 14:17
 
Fecha de Ingreso: abril-2011
Mensajes: 5
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: Centrar Div y DivPA

Gracias por tu respuesta amigo, quedo centrado..pero te hago la pregunta como hago para poder colocar el DivPa en cualquier Lugar, es decir poner la capa encima de otra maniobrarla sin q al darle vista preliminar se descuadre ?.

Gracias.!
  #5 (permalink)  
Antiguo 30/04/2011, 14:48
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años, 8 meses
Puntos: 116
Respuesta: Centrar Div y DivPA

en este caso "zonaaa" quedo centrado.
y "apDIV1" es la capa que se encuentra encima de "zonaaa".

Para poder maniobrarla sin que se salga de "zonaaa" ponle position:relative a "apDIV1", lo que hace, es que su espacio sera unicamente el espacio que contenga "zonaaa" y que no se salga de este.

Ahora y bien, si quiere ponerlo arriba en la esquina izquierda, ponle un left:0; top:0;
y asi sucesivamente segun lo que desees, y no se saldra de "zonaaa".

Saludos
__________________
Programador jQuery & PHP

Etiquetas: divpa
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 16:43.