Tengo el siguiente código :
Cita:
<style>
#window_container
{
top:200px;
position:absolute;
width:auto;
height:auto;
left:50%;
margin-left:-250px;
border:1px solid #40485F;
z-index:7;
}
#windows_header
{
top:0px;
position:relative;
width:500px;
height:40px;
line-height:40px;
background-color:#40485F;
z-index:7;
margin:auto;
}
.windows_header
{
text-align:center;
font-family:Arial;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
}
#windows_body
{
position:relative;
width:500px;
height:250px;
margin:auto;
background-color:#F7F6ED;
z-index:7;
}
</style>
Cita:
<div id="window_container">
<div id="windows_header" class="windows_header">Aviso</div>
<div id="windows_body"><p>Hola usuario</p></div>
<div id="windows_header" class="windows_header"></div>
</div>
No se por que en navegadores como el chrome el tema de que el div contenga el tag <p></p> da como resultado que el div que lo contiene se vea desplazado y no mantenga su posición , sin embargo si pongo <br> no hay problema , alguien sabe a que se debe esto y que solucion hay
Saludos y muchas gracias
