Ver Mensaje Individual
  #6 (permalink)  
Antiguo 13/04/2012, 11:29
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: fixed encima de iframe? Possible?

@moro666
No termino de entender tu problema

Cita:
<div id="cabezera"> En este div hay cosas con position:fixed para que
al ir moviendo la web se vea siempre la cabezera con el menu </div>
Supongo que te referís a que la cabecera en sí lleva position: fixed y no a que hay "cosas"., es decir ciertos elementos con position fixed.

Cita:
<div id="contenido"> Aqui esta el cuerpo de la web de cualquier manera,
como me iva gustando xD, el problema es que todo va quedando bajo la
cabezera menos los videos de youtube que el iframe me queda por encima
de la cabaezera </div>
cual es tu idea, que todos lo que hay en contenido este "debajo", entendiendo por debajo el orden en que aparecen en pantalla y no una posible superpocisión.

Y por que usar un iframe para poner el video de you tube.
Supongo que la imágen es lo que NO querés que pase, o es al contrario?

A ver fijate este código si se aproxima a lo que necesitas

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <style type="text/css">
  7. /*<![CDATA[*/
  8.  
  9. html, body {
  10. margin: 0;
  11. padding: 0;
  12. }
  13. #cabezera {
  14. position: fixed;
  15. width: 100%;
  16. height: 180px;
  17. background-color: #ccc;
  18. overflow: auto;
  19. }
  20. #contenido {
  21. width: 100%;
  22. padding-top: 180px;
  23. background-color: pink;
  24. }
  25. /*]]>*/
  26. </head>
  27. <div id="cabezera">En este div hay cosas con position:fixed para que al ir moviendo la web se vea siempre la cabezera con el menu</div>
  28. <div id="contenido">Aqui esta el cuerpo de la web de cualquier manera, como me iva gustando xD, el problema es que todo va quedando bajo la cabezera menos los videos de youtube que el iframe me queda
  29. por encima de la cabaezera <object style="height: 390px; width: 640px" type="application/x-shockwave-flash" data=
  30. "http://www.youtube.com/v/3YfTtGCsiD8?version=3&amp;feature=player_detailpage"><param name="movie" value="http://www.youtube.com/v/3YfTtGCsiD8?version=3&amp;feature=player_detailpage" />
  31. <param name="allowFullScreen" value="true" />
  32. <param name="allowScriptAccess" value="always" /></object>
  33. <p>aaaaaa</p>
  34.  
  35. <p>aaaaaa</p>
  36. <p>aaaaaa</p>
  37. <p>aaaaaa</p>
  38. <p>aaaaaa</p>
  39. <p>aaaaaa</p>
  40. <p>aaaaaa</p>
  41. <p>aaaaaa</p>
  42. <p>aaaaaa</p>
  43. <p>aaaaaa</p>
  44.  
  45. <p>aaaaaa</p>
  46. <p>aaaaaa</p>
  47. <p>aaaaaa</p>
  48. <p>aaaaaa</p>
  49. <p>aaaaaa</p>
  50. <p>aaaaaa</p>
  51. <p>aaaaaa</p>
  52. <p>aaaaaa</p>
  53. <p>aaaaaa</p>
  54.  
  55. <p>aaaaaa</p>
  56. <p>aaaaaa</p>
  57. </div>
  58. </body>
  59. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.