Tema: Un elemento bajo otro sin position:absolute
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/10/2012, 03:16
Avatar de patilanz
patilanz
 
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 4 meses
Puntos: 29
Un elemento bajo otro sin position:absolute
Hola ncesito poner una div bajo otra pero que no tenga la propiedad position:absolute
Tengo el siguiente codigo:
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin título</title>
  6. <style type="text/css">
  7. .logo{
  8.     width:600px;
  9.     height:180px;
  10.     z-index:-1;
  11.     float:center;
  12.     border-radius:10px;
  13.     background-color:white;
  14.     border-width:thin;
  15.     border:0px;
  16.     border-color:#ccc;
  17.     border-style:solid;
  18.     border-right:none;
  19.     border-bottom:none;
  20.     color:#00CCFF;
  21.     box-shadow:1px 1px 20px 1px #ccc;
  22.     padding:1px;
  23.     font-family:Georgia, "Times New Roman", Times, serif;
  24.     font-style:italic;
  25.     font-size:60px;
  26. }
  27. div.logo:hover{
  28.     background-color:#CCCCCC;   
  29. }
  30. #apDiv1 {
  31.     width:590px;
  32.     height:180px;
  33.     z-index:1;
  34.     float:center;
  35. }
  36. </style>
  37. </head>
  38.  
  39. <body>
  40. <center>
  41. <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>
  42. <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>
  43. </center>
  44. </body>
  45. </html>
Pero no lo consigo hacer...
Necesito sin esta propiedad porque se be diferente en cada navegador y en cada ordenador...

Saludos