Hola ncesito poner una div bajo otra pero que no tenga la propiedad position:absolute
Tengo el siguiente codigo:
Código HTML:
Ver original<!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"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> .logo{
width:600px;
height:180px;
z-index:-1;
float:center;
border-radius:10px;
background-color:white;
border-width:thin;
border:0px;
border-color:#ccc;
border-style:solid;
border-right:none;
border-bottom:none;
color:#00CCFF;
box-shadow:1px 1px 20px 1px #ccc;
padding:1px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:60px;
}
div.logo:hover{
background-color:#CCCCCC;
}
#apDiv1 {
width:590px;
height:180px;
z-index:1;
float:center;
}
<center>
<div id="apDiv1" onmouseover="document.getElementById('logo').style='background-color=#CCCCCC';"><img src="images/pass..GIF" width="580" height="170" style="z-index:1; float:center;" /></div> <div class="logo" id="logo"><p style="font-size:5px"><p><div style="border:0px; border-style:solid; width:305px; border-radius:10px; height:70px; box-shadow:1px 1px 20px 1px #ccc; text-shadow: black 0.1em 0.1em 0.2em;">Forgoter
</div></div> </center>
Pero no lo consigo hacer...
Necesito sin esta propiedad porque se be diferente en cada navegador y en cada ordenador...
Saludos