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.