Interrogante con div´s

the_web_saint · #1 (**permalink**) 25/09/2008, 09:19

Hola Amig@s:

Resulta que estoy con este codigo:

Código PHP:

  <!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>Garselles</title> 
<style media="screen"> 
html, body{ 
    height:100%; 
    width:100%; 
} 
#contenedor  
{ 
    margin:0; 
    padding:0; 
    width:100%; 
    height:100%; 
    display: table;  #position: relative; overflow: hidden; 
} 
#divCentral 
{ 
    #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle; 
} 
#central  
{ 
    width:517px; 
    height:415px; 
    margin:0px auto; 
    background-image:url(imagenes/garselles.jpg); 
    #position: relative;  #top: -50%; 
    border:#000066 solid 1px;// si lo quito no me funciona 
} 
#texto 
{ 
    width:479px; 
    height:225px; 
    border:#FF0000 solid 1px; 
    margin:0px auto; 
    margin-top:176px; 
} 
</style> 
</head> 
 
<body> 
<div id="contenedor"> 
    <div id="divCentral"> 
        <div id="central"> 
            <div id="texto"> 
                esto es el texto 
            </div> 
        </div> 
    </div> 
</div> 
</body> 
</html>

entonces, le he puesto border a el div central y texto para simplemente guiarme de donde esta. Pero deseo que el div texto quede en un lugar especifico dentro del div central, y cuando le quito el border a el div central, no me funciona, queda como encima del div central, pero cuando le coloco el border, entonces queda como quiero. Esto a que se debe??
No me explico porque un border tenga influencias en la posicion de un contenedor dentro de otro.

Saludos

Mikmoro · #2 (**permalink**) 25/09/2008, 09:21

Sin mirar más, aquí tienes un error:

#divCentral
{
#position: absolute; #top: 50%;display:...

eso te sobra:

#divCentral
{
#position: absolute; top: 50%;display:...

Y en #central lo mismo.

the_web_saint · #3 (**permalink**) 25/09/2008, 09:39

Bueno esto lo he tomado de esta dirección.
http://www.jakpsatweb.cz/css/css-ver...-solution.html

Necesitaba centrar el div vertical y horizontalmente y me funciono, pero me esta dando este problema ahora de que si no le coloco border no me toma los margenes del div que esta contenido en el.

Saludos

Mikmoro · #4 (**permalink**) 25/09/2008, 10:08

Prueba con este cambio en la css:

#texto
{
width:479px;
height:225px;
border:#FF0000 solid 1px;
margin:0px auto;
top:176px;
position: relative;
}

y quitando el borde que dices.

the_web_saint · #5 (**permalink**) 25/09/2008, 10:14

Como siempre Mikel..... ha funcionado !!! jejejje

Muchas Gracias.