Tema: Problemas con capas div
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 11/12/2010, 07:49
Avatar de alwaysdavis
alwaysdavis
 
Fecha de Ingreso: junio-2010
Mensajes: 13
Antigüedad: 13 años, 9 meses
Puntos: 0
Sonrisa Respuesta: Problemas con capas div
Hola diego1311

Lo que pasa es que el iframe te corta el <div> porque hay que cerrarlo así:

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. </head>
  7. <body style="margin:0px; overflow:hidden;">
  8.  
  9. <div style="position:absolute; width:60%; left:20%; height:60%; top:20%; background-color:#CCC;">
  10.     <div style="position:absolute; z-index:0; width:100%; height:100%; background-color:#FF0">
  11.         <iframe src="http://www.google.com" width="100%" height="100%"></iframe>
  12.     </div>
  13.     <div style="position:absolute; width:100%; background-color:#000000;  z-index:1; height:100px;" id="div_problema"/>
  14. </div>
  15.  
  16. </body>
  17. </html>

Por lo demás perfecto.

Espero que te sirva de ayuda. Saludos