Foros del Web » Creando para Internet » CSS »

Problema al centrar div y divs que se superponen.

Estas en el tema de Problema al centrar div y divs que se superponen. en el foro de CSS en Foros del Web. Hola. En mi web he creado 3 divs, uno para la cabecera, otro a la izquierda en forma de columna en donde ira el menu, ...
  #1 (permalink)  
Antiguo 11/03/2014, 19:33
 
Fecha de Ingreso: abril-2010
Mensajes: 33
Antigüedad: 14 años
Puntos: 0
Problema al centrar div y divs que se superponen.

Hola.

En mi web he creado 3 divs, uno para la cabecera, otro a la izquierda en forma de columna en donde ira el menu, y por ultimo otro en donde ira el contenido, pues el problema es que el div numero 3 lo quiero centrado desde el borde del div 2 hasta el borde derecho de la ventana , ya que si pongo margin auto se centra respecto a toda la ventana, tambien tengo el problema de que al redimensionar la ventana al hacerla mas pequeña, el div numero 3 se pone encima del div 2. El resto de divs van bien.





Cita:
#barralog1 {
background:rgba(255,255,255,1);
color:#fff; padding: 5px;
height: 50px;
width:auto;
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-bottom-color: #E6E6E6;
border-width: 1px;
text-align: right;
padding-right: 30px;
font-family: "Century Gothic";
font-size: 35px;
color:#000000;
Cita:
#menu {
background-color: white;
color:#fff; padding: 5px;
width:180px;
height: 800px;
left: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #E6E6E6;
border-width: 1px;
}
Cita:
#registro {

background:red;
color:#fff;
height: 1000px;
width: 790px;
margin-top: -100px;
margin-left: auto;
margin-right: auto;
border-top-style: solid;
border-style: solid;
border-color: #E6E6E6;
border-width: 1px;
}
  #2 (permalink)  
Antiguo 12/03/2014, 02:22
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Problema al centrar div y divs que se superponen.

Lo que debes de hacer es crear un elemento que ocupe el espacio en el cual quieres centrar algo, y justo en ese elemento poner lo que quieres centrar. Es decir, creas ese "div3" de tal forma que ocupe todo el espacio desde el menú hasta donde necesites, y dentro creas otro elemento, llámalo "div4" —por seguir con la nomenclatura— y ya lo centras como quieras.

De todas formas, no parece que sea un código demasiado robusto el que tienes ahí.

Etiquetas: background, color, contenido, divs
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 14:00.