Foros del Web » Creando para Internet » HTML »

fixed encima de iframe? Possible?

 Estas en el tema de fixed encima de iframe? Possible? en el foro de HTML en Foros del Web. Buenas, la duda es facil, yo tengo lo siguiente: Código HTML: <div id= "cabezera" > En este div hay cosas con position:fixed para que al ...
  #1 (permalink)  
Antiguo 13/04/2012, 10:03
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años
Puntos: 16
fixed encima de iframe? Possible?
Buenas, la duda es facil, yo tengo lo siguiente:

Código HTML:
<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>
<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>
Pos eso, una foto para aclarar:
  #2 (permalink)  
Antiguo 13/04/2012, 10:22
 
Fecha de Ingreso: noviembre-2003
Ubicación: Zaragoza, España
Mensajes: 1.257
Antigüedad: 20 años, 5 meses
Puntos: 154
Respuesta: fixed encima de iframe? Possible?
Hola moro666,

No estoy seguro, pero si no recuerdo mal, eso se podía conseguir mediante la propiedad 'z-index' del elemento.

Espero que te sirva.
  #3 (permalink)  
Antiguo 13/04/2012, 10:30
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años
Puntos: 16
Respuesta: fixed encima de iframe? Possible?
Eso pense, pero solo me ha servido con elementos en position:relative, con el fixed no hay nada que hacer, ya lo probe!
  #4 (permalink)  
Antiguo 13/04/2012, 10:42
 
Fecha de Ingreso: noviembre-2003
Ubicación: Zaragoza, España
Mensajes: 1.257
Antigüedad: 20 años, 5 meses
Puntos: 154
Respuesta: fixed encima de iframe? Possible?
¿Puede ser otra opción "escribir" el código del iframe en JS?

Tipo document.write (<iframe.....)

No se, sólo te estoy tirando ideas, a ver si alguna te sirve...
  #5 (permalink)  
Antiguo 13/04/2012, 11:02
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años
Puntos: 16
Respuesta: fixed encima de iframe? Possible?
Y como se haria esto??
  #6 (permalink)  
Antiguo 13/04/2012, 11:29
Avatar de 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. <head>
  5. <title>titulo</title>
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9.  
  10. html, body {
  11. margin: 0;
  12. padding: 0;
  13. }
  14. #cabezera {
  15. position: fixed;
  16. width: 100%;
  17. height: 180px;
  18. background-color: #ccc;
  19. overflow: auto;
  20. }
  21. #contenido {
  22. width: 100%;
  23. padding-top: 180px;
  24. background-color: pink;
  25. }
  26. /*]]>*/
  27. </style>
  28. </head>
  29. <body>
  30. <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>
  31. <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
  32. por encima de la cabaezera <object style="height: 390px; width: 640px" type="application/x-shockwave-flash" data=
  33. "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" />
  34. <param name="allowFullScreen" value="true" />
  35. <param name="allowScriptAccess" value="always" /></object>
  36. <p>aaaaaa</p>
  37.  
  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. <p>aaaaaa</p>
  45. <p>aaaaaa</p>
  46. <p>aaaaaa</p>
  47.  
  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. <p>aaaaaa</p>
  55. <p>aaaaaa</p>
  56. <p>aaaaaa</p>
  57.  
  58. <p>aaaaaa</p>
  59. <p>aaaaaa</p>
  60. </div>
  61. </body>
  62. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #7 (permalink)  
Antiguo 13/04/2012, 12:02
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años
Puntos: 16
Respuesta: fixed encima de iframe? Possible?
Pues si ke me explicao mal... Vamos a ver:

En el primer div tengo lo que seria un logotipo y unos botones tipo home, videos, noticias, etc.... Que quiero que este siempre arriva de todo de la pagina, aunque la muevas, de ahi que lo ponga en position:fixed.
Mas abajo pongo el contenido de la pagina de cualquier forma, es igual, y lo normal es que al mover la pagina arriva abajo todo el texto y las imagenes pasen por debajo de la cabezera, que siempre tendria que estar visible! ( en la imagen es esa tira azul que pone league of legend, eso es la cabezera)
Luego, el problema esta en que si pongo un video de youtube ya sea en iframe o en object al bajar la pagina (mover la rueda del raton) se va desplazando todo normal pero el video queda sobre la cabezera, no pasa por debajo!
No se si me explique mejor?
  #8 (permalink)  
Antiguo 13/04/2012, 13:13
Avatar de 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?
Si, ahora está más claro

usá mi mismo código que pasé antes y agregale al object el
<param name="wmode" value="transparent" />

Te va a funcionar

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #9 (permalink)  
Antiguo 14/04/2012, 04:20
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años
Puntos: 16
Respuesta: fixed encima de iframe? Possible?
Muchhas gracias, pero naa! Para que nos entendamos mejor y me podais ayudar os pondre el codigo:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title>Guias Eu</title>
    <link rel="stylesheet" href="estilo.css" type="text/css" media="all">
  </head>
 
<body>
	<div id="global">
    	<div id="cabecera"Bienvenidos a mi Web>
			<div id="logotipo"><img alt="Logotipo de Guias Eu" src="Sin-título-2.png" height="70" width="1150" /></div>
            <div>
				<table width="1152" height="59">
       			<tr>
                <th width="1076">
                	<a href="#"><img src="objetos/Pestañas/Templade League Of legends.jpg" alt="LOL"  height="59" border="0"></a>
                    <a href="#"><img src="objetos/Pestañas/Templade Minecraft.jpg" alt="mine" height="59" border="0"></a>
                    <a href="#"><img src="objetos/Pestañas/dbo Minecraft.jpg" alt="dbo"  height="59"></a>
                    <a href="#"><img src="objetos/Pestañas/Templade youtube.jpg" alt="you"  height="59"></a>
                </th>
          		<th width="60" scope="col">&nbsp;</th>
        		</tr>
   				</table>
	    		</li>
	    		</ul>
			</div>
		</div>
	<div id="contenido">	
		<h1><u>Noticias</u></h1></br></br>
		
        <h2>Campeones de esta semana en League of Legends</h2></br></br>
        <img alt="ashe (32K)" src="objetos/LOL/annie.png" height="70" width="70" />
		<img alt="graves (26K)" src="objetos/LOL/gragas.png" height="70" width="70" />
		<img alt="karthus (10K)" src="objetos/LOL/lulu.png" height="70" width="70" />
		<img alt="leona (31K)" src="objetos/LOL/malphite.png" height="70" width="70" />
		<img alt="singed (11K)" src="objetos/LOL/miss-fortune.png" height="70" width="70" />
		<img alt="trundle (37K)" src="objetos/LOL/shen.png" height="70" width="70" />
		<img alt="tryndamere (11K)" src="objetos/LOL/sivir.png" height="70" width="70" />
		<img alt="wukong (30K)" src="objetos/LOL/veigar.png" height="70" width="70" />
		<img alt="ziggs (32K)" src="objetos/LOL/xin-zhao.png" height="70" width="70" />
		<img alt="zilean (12K)" src="objetos/LOL/yorick.png" height="70" width="70" />
		</br></br></br></br>
		
        <h3><p class="#"><u>Presentacion de la nueva campeona Lulu</u></p></h3></br></br>
		<img alt="lulu (374K)" src="objetos/lulu.jpeg" height="500" width="800" />
		</br></br></br></br>

		<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/cXK5VAFbiVU?version=3&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent" /><embed src="http://www.youtube.com/v/cXK5VAFbiVU?version=3&amp;hl=es_ES" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
		</br></br></br></br>

		<h3><p class="#"><u>Minecraft Laboratory and roller coaster</u></p></h3></br></br>
		<p>Aqui les traemos un vídeo echo en minecraft</p>
		</br></br>

		<iframe width="500" height="420" src="http://www.youtube.com/embed/U8ZSP-GYUgI" frameborder="0" allowfullscreen></iframe>
		</br></br></br></br>



</div>
    <div id="pie">Este es el pie de la pagina</div>
	<a title="Scroll to the top" class="tooltip west top" href="#"><img src="objetos/top.png" alt="arriba" width="29" height="17"></a> </div>
    <footer>
      <p><a href="http://guiaslol.tk/index.html">League Of Legends Video  </a><a href="http://guiaslol.tk/examples.html"></a> | <a href="http://guiaslol.tk/examples.html"></a> |  </p>
      <p> <!--##@%--></p>
    </footer>
  </div>
  </body>
</html>
Código: 
* {
	text-indent:0px;
	margin:0px;
	padding:0px;
	border:0px;
	color: #FF0000;
}
body {
	text-align: center;
	background-color: #E6E6FA;
}
#global {
	width:1150px; 
	margin:auto;
}
#cabecera {
	position:fixed;
	background-color:blue;
}
#contenido {
	background-color: #999999;
	border-left:black 1px solid;
	color: #FF0000;
	padding: 138px;
}
border-right:{
	black 1px solid; border-bottom:black 1px solid ;
}
.noticias {
	text-align:left;
}
iframe {
	position:relative;
}
.contenido-lol {
	background-color: gray; border-left:black 1px solid;
	background-image:url
}
#menu {
	background-color:white; width:300px; float:left;
}
#menu li {
	float:left; margin:0px 30px 0px 20px ;
}
#pie {
	background-color: white ;  border-left:black 1px solid;
	border-right:black 1px solid; border-bottom:black 1px solid;
}
p {
	text-decoration:none;
}
h2 {
	text-decoration:none;
}
  #10 (permalink)  
Antiguo 14/04/2012, 04:36
Avatar de 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?
Es obvio, porque no has hecho nada de lo que te digo, si te fijas el primer video queda oculto por la cabecera en tanto el segundo no. Por que no repetis el object en lugar de usar un iframe?
Además como ya te señale, el tag embed es completamnete innecesario, el object con los parámetros adecuados basta y sobra


__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #11 (permalink)  
Antiguo 14/04/2012, 04:44
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años
Puntos: 16
Respuesta: fixed encima de iframe? Possible?
Vaya, me parece que ni he pillao nada! xD Me podrias poner como deberia quedar el codigo porfavor?
  #12 (permalink)  
Antiguo 14/04/2012, 05:04
 
Fecha de Ingreso: noviembre-2003
Ubicación: Zaragoza, España
Mensajes: 1.257
Antigüedad: 20 años, 5 meses
Puntos: 154
Respuesta: fixed encima de iframe? Possible?
Por lo que yo entiendo es algo así:

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title>Guias Eu</title>
    <link rel="stylesheet" href="estilo.css" type="text/css" media="all">
  </head>
 
<body>
	<div id="global">
    	<div id="cabecera"Bienvenidos a mi Web>
			<div id="logotipo"><img alt="Logotipo de Guias Eu" src="Sin-título-2.png" height="70" width="1150" /></div>
            <div>
				<table width="1152" height="59">
       			<tr>
                <th width="1076">
                	<a href="#"><img src="objetos/Pestañas/Templade League Of legends.jpg" alt="LOL"  height="59" border="0"></a>
                    <a href="#"><img src="objetos/Pestañas/Templade Minecraft.jpg" alt="mine" height="59" border="0"></a>
                    <a href="#"><img src="objetos/Pestañas/dbo Minecraft.jpg" alt="dbo"  height="59"></a>
                    <a href="#"><img src="objetos/Pestañas/Templade youtube.jpg" alt="you"  height="59"></a>
                </th>
          		<th width="60" scope="col">&nbsp;</th>
        		</tr>
   				</table>
	    		</li>
	    		</ul>
			</div>
		</div>
	<div id="contenido">	
		<h1><u>Noticias</u></h1></br></br>
		
        <h2>Campeones de esta semana en League of Legends</h2></br></br>
        <img alt="ashe (32K)" src="objetos/LOL/annie.png" height="70" width="70" />
		<img alt="graves (26K)" src="objetos/LOL/gragas.png" height="70" width="70" />
		<img alt="karthus (10K)" src="objetos/LOL/lulu.png" height="70" width="70" />
		<img alt="leona (31K)" src="objetos/LOL/malphite.png" height="70" width="70" />
		<img alt="singed (11K)" src="objetos/LOL/miss-fortune.png" height="70" width="70" />
		<img alt="trundle (37K)" src="objetos/LOL/shen.png" height="70" width="70" />
		<img alt="tryndamere (11K)" src="objetos/LOL/sivir.png" height="70" width="70" />
		<img alt="wukong (30K)" src="objetos/LOL/veigar.png" height="70" width="70" />
		<img alt="ziggs (32K)" src="objetos/LOL/xin-zhao.png" height="70" width="70" />
		<img alt="zilean (12K)" src="objetos/LOL/yorick.png" height="70" width="70" />
		</br></br></br></br>
		
        <h3><p class="#"><u>Presentacion de la nueva campeona Lulu</u></p></h3></br></br>
		<img alt="lulu (374K)" src="objetos/lulu.jpeg" height="500" width="800" />
		</br></br></br></br>

		<object width="560" height="315">
		<param name="movie" value="http://www.youtube.com/v/cXK5VAFbiVU?version=3&amp;hl=es_ES"></param>
		<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
		<param name="wmode" value="transparent" />
		</object>
		</br></br></br></br>

		<h3><p class="#"><u>Minecraft Laboratory and roller coaster</u></p></h3></br></br>
		<p>Aqui les traemos un vídeo echo en minecraft</p>
		</br></br>

		<object width="500" height="420">
		<param name="movie" value="http://www.youtube.com/embed/U8ZSP-GYUgI?version=3&amp;hl=es_ES"></param>
		<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
		<param name="wmode" value="transparent" />
		</object>
		</br></br></br></br>



</div>
    <div id="pie">Este es el pie de la pagina</div>
	<a title="Scroll to the top" class="tooltip west top" href="#"><img src="objetos/top.png" alt="arriba" width="29" height="17"></a> </div>
    <footer>
      <p><a href="http://guiaslol.tk/index.html">League Of Legends Video  </a><a href="http://guiaslol.tk/examples.html"></a> | <a href="http://guiaslol.tk/examples.html"></a> |  </p>
      <p> <!--##@%--></p>
    </footer>
  </div>
  </body>
</html>
  #13 (permalink)  
Antiguo 14/04/2012, 05:51
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años
Puntos: 16
Respuesta: fixed encima de iframe? Possible?
Vale, ahora simplemente no sale ningun video, se queda el espacio en blanco pero no pasa nada, ni apretando encima ni nada!
  #14 (permalink)  
Antiguo 14/04/2012, 07:38
 
Fecha de Ingreso: noviembre-2003
Ubicación: Zaragoza, España
Mensajes: 1.257
Antigüedad: 20 años, 5 meses
Puntos: 154
Respuesta: fixed encima de iframe? Possible?
Pues no se, prueba con el tag embed, aunque dice emprear que no hace falta...

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title>Guias Eu</title>
    <link rel="stylesheet" href="estilo.css" type="text/css" media="all">
  </head>
 
<body>
	<div id="global">
    	<div id="cabecera"Bienvenidos a mi Web>
			<div id="logotipo"><img alt="Logotipo de Guias Eu" src="Sin-título-2.png" height="70" width="1150" /></div>
            <div>
				<table width="1152" height="59">
       			<tr>
                <th width="1076">
                	<a href="#"><img src="objetos/Pestañas/Templade League Of legends.jpg" alt="LOL"  height="59" border="0"></a>
                    <a href="#"><img src="objetos/Pestañas/Templade Minecraft.jpg" alt="mine" height="59" border="0"></a>
                    <a href="#"><img src="objetos/Pestañas/dbo Minecraft.jpg" alt="dbo"  height="59"></a>
                    <a href="#"><img src="objetos/Pestañas/Templade youtube.jpg" alt="you"  height="59"></a>
                </th>
          		<th width="60" scope="col">&nbsp;</th>
        		</tr>
   				</table>
	    		</li>
	    		</ul>
			</div>
		</div>
	<div id="contenido">	
		<h1><u>Noticias</u></h1></br></br>
		
        <h2>Campeones de esta semana en League of Legends</h2></br></br>
        <img alt="ashe (32K)" src="objetos/LOL/annie.png" height="70" width="70" />
		<img alt="graves (26K)" src="objetos/LOL/gragas.png" height="70" width="70" />
		<img alt="karthus (10K)" src="objetos/LOL/lulu.png" height="70" width="70" />
		<img alt="leona (31K)" src="objetos/LOL/malphite.png" height="70" width="70" />
		<img alt="singed (11K)" src="objetos/LOL/miss-fortune.png" height="70" width="70" />
		<img alt="trundle (37K)" src="objetos/LOL/shen.png" height="70" width="70" />
		<img alt="tryndamere (11K)" src="objetos/LOL/sivir.png" height="70" width="70" />
		<img alt="wukong (30K)" src="objetos/LOL/veigar.png" height="70" width="70" />
		<img alt="ziggs (32K)" src="objetos/LOL/xin-zhao.png" height="70" width="70" />
		<img alt="zilean (12K)" src="objetos/LOL/yorick.png" height="70" width="70" />
		</br></br></br></br>
		
        <h3><p class="#"><u>Presentacion de la nueva campeona Lulu</u></p></h3></br></br>
		<img alt="lulu (374K)" src="objetos/lulu.jpeg" height="500" width="800" />
		</br></br></br></br>

		<object width="560" height="315">
		<param name="movie" value="http://www.youtube.com/v/cXK5VAFbiVU?version=3&amp;hl=es_ES"></param>
		<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
		<param name="wmode" value="transparent" />
		<embed src="http://www.youtube.com/v/cXK5VAFbiVU?version=3&amp;hl=es_ES" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
		</object>
		</br></br></br></br>

		<h3><p class="#"><u>Minecraft Laboratory and roller coaster</u></p></h3></br></br>
		<p>Aqui les traemos un vídeo echo en minecraft</p>
		</br></br>

		<object width="500" height="420">
		<param name="movie" value="http://www.youtube.com/embed/U8ZSP-GYUgI?version=3&amp;hl=es_ES"></param>
		<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
		<param name="wmode" value="transparent" />
		<embed src="http://www.youtube.com/embed/U8ZSP-GYUgI?version=3&amp;hl=es_ES" type="application/x-shockwave-flash" width="500" height="420" allowscriptaccess="always" allowfullscreen="true"></embed>
		</object>
		</br></br></br></br>



</div>
    <div id="pie">Este es el pie de la pagina</div>
	<a title="Scroll to the top" class="tooltip west top" href="#"><img src="objetos/top.png" alt="arriba" width="29" height="17"></a> </div>
    <footer>
      <p><a href="http://guiaslol.tk/index.html">League Of Legends Video  </a><a href="http://guiaslol.tk/examples.html"></a> | <a href="http://guiaslol.tk/examples.html"></a> |  </p>
      <p> <!--##@%--></p>
    </footer>
  </div>
  </body>
</html>
  #15 (permalink)  
Antiguo 14/04/2012, 08:18
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años
Puntos: 16
Respuesta: fixed encima de iframe? Possible?
Pruebalo tu mismo xD, sigue pasando por encima!
  #16 (permalink)  
Antiguo 14/04/2012, 10:06
Avatar de 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?
Cita:
Iniciado por rbczgz Ver Mensaje
Pues no se, prueba con el tag embed, aunque dice emprear que no hace falta...

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title>Guias Eu</title>
    <link rel="stylesheet" href="estilo.css" type="text/css" media="all">
  </head>
 
<body>
	<div id="global">
    	<div id="cabecera"Bienvenidos a mi Web>
			<div id="logotipo"><img alt="Logotipo de Guias Eu" src="Sin-título-2.png" height="70" width="1150" /></div>
            <div>
				<table width="1152" height="59">
       			<tr>
                <th width="1076">
                	<a href="#"><img src="objetos/Pestañas/Templade League Of legends.jpg" alt="LOL"  height="59" border="0"></a>
                    <a href="#"><img src="objetos/Pestañas/Templade Minecraft.jpg" alt="mine" height="59" border="0"></a>
                    <a href="#"><img src="objetos/Pestañas/dbo Minecraft.jpg" alt="dbo"  height="59"></a>
                    <a href="#"><img src="objetos/Pestañas/Templade youtube.jpg" alt="you"  height="59"></a>
                </th>
          		<th width="60" scope="col">&nbsp;</th>
        		</tr>
   				</table>
	    		</li>
	    		</ul>
			</div>
		</div>
	<div id="contenido">	
		<h1><u>Noticias</u></h1></br></br>
		
        <h2>Campeones de esta semana en League of Legends</h2></br></br>
        <img alt="ashe (32K)" src="objetos/LOL/annie.png" height="70" width="70" />
		<img alt="graves (26K)" src="objetos/LOL/gragas.png" height="70" width="70" />
		<img alt="karthus (10K)" src="objetos/LOL/lulu.png" height="70" width="70" />
		<img alt="leona (31K)" src="objetos/LOL/malphite.png" height="70" width="70" />
		<img alt="singed (11K)" src="objetos/LOL/miss-fortune.png" height="70" width="70" />
		<img alt="trundle (37K)" src="objetos/LOL/shen.png" height="70" width="70" />
		<img alt="tryndamere (11K)" src="objetos/LOL/sivir.png" height="70" width="70" />
		<img alt="wukong (30K)" src="objetos/LOL/veigar.png" height="70" width="70" />
		<img alt="ziggs (32K)" src="objetos/LOL/xin-zhao.png" height="70" width="70" />
		<img alt="zilean (12K)" src="objetos/LOL/yorick.png" height="70" width="70" />
		</br></br></br></br>
		
        <h3><p class="#"><u>Presentacion de la nueva campeona Lulu</u></p></h3></br></br>
		<img alt="lulu (374K)" src="objetos/lulu.jpeg" height="500" width="800" />
		</br></br></br></br>

		<object width="560" height="315">
		<param name="movie" value="http://www.youtube.com/v/cXK5VAFbiVU?version=3&amp;hl=es_ES"></param>
		<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
		<param name="wmode" value="transparent" />
		<embed src="http://www.youtube.com/v/cXK5VAFbiVU?version=3&amp;hl=es_ES" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
		</object>
		</br></br></br></br>

		<h3><p class="#"><u>Minecraft Laboratory and roller coaster</u></p></h3></br></br>
		<p>Aqui les traemos un vídeo echo en minecraft</p>
		</br></br>

		<object width="500" height="420">
		<param name="movie" value="http://www.youtube.com/embed/U8ZSP-GYUgI?version=3&amp;hl=es_ES"></param>
		<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
		<param name="wmode" value="transparent" />
		<embed src="http://www.youtube.com/embed/U8ZSP-GYUgI?version=3&amp;hl=es_ES" type="application/x-shockwave-flash" width="500" height="420" allowscriptaccess="always" allowfullscreen="true"></embed>
		</object>
		</br></br></br></br>



</div>
    <div id="pie">Este es el pie de la pagina</div>
	<a title="Scroll to the top" class="tooltip west top" href="#"><img src="objetos/top.png" alt="arriba" width="29" height="17"></a> </div>
    <footer>
      <p><a href="http://guiaslol.tk/index.html">League Of Legends Video  </a><a href="http://guiaslol.tk/examples.html"></a> | <a href="http://guiaslol.tk/examples.html"></a> |  </p>
      <p> <!--##@%--></p>
    </footer>
  </div>
  </body>
</html>
Cita:
Iniciado por moro666 Ver Mensaje
Pruebalo tu mismo xD, sigue pasando por encima!
amigos @moro666 y @rbczgz, si yo les pongo un código de ejemplo diciendo que funciona, lo menos que espero es que antes de decir que no funciona, al menos prueben el código tal cual yo lo he dejado.


__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #17 (permalink)  
Antiguo 14/04/2012, 11:09
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años
Puntos: 16
Respuesta: fixed encima de iframe? Possible?
No, pero si este ya lo prove! Y tampoco va! Sigue saliendome por encima!...
  #18 (permalink)  
Antiguo 14/04/2012, 11:10
 
Fecha de Ingreso: noviembre-2003
Ubicación: Zaragoza, España
Mensajes: 1.257
Antigüedad: 20 años, 5 meses
Puntos: 154
Respuesta: fixed encima de iframe? Possible?
Tienes razón @emprear, pero yo no tengo cómo probarlo puesto que las imágenes están en el sitio de @moro666.

De todas formas, ya no tengo más ideas de qué puede estar ocurriendo, así que tampoco puedo ayudar más...

Lo siento.
  #19 (permalink)  
Antiguo 14/04/2012, 15:32
 
Fecha de Ingreso: mayo-2011
Mensajes: 214
Antigüedad: 13 años
Puntos: 16
Respuesta: fixed encima de iframe? Possible?
Gracias de todas formas!
Para los mas enteraos, los que sabeis de que va este mundo puede que en esta direccion podais encontrar la solucion a mi problema https://developers.google.com/youtub...be_player_demo
Yo no me he enterao de nada, pero puede que aqui este la solucion!

Etiquetas: css
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 06:01.