Hola soy nuevo en esto y tengo un problema con mi diseño, os cuento. He utilizado un codigo css para realizar una pagina con franjas, el problema es que con firefox me va bien pero con ie no, la imagen del video youtube se queda siempre encima de todo y no se que puedo hacer.
Probadlo por favor!
Muchas gracias!
codigo:
<html>
<head>
<title> web </TITLE>
<style type="text/css">
<!--
body {background: url("gearte.jpg");
background-repeat: repeat-y;
background-attachment: fixed;
background-position:100% 100%;
}
ul.franjas {
width:800px;
height:200px;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
ul.franjas li {
display:inline;
margin:0;
padding:0;
}
ul.franjas li a {
display:block;
height:600px;
width:100px;
border-right:1px solid #f6f6f6;
text-align:justify;
float:left;
outline:none;
text-decoration:none;
}
ul.franjas li a b {
display:block;
font-size:11px;
text-transform:uppercase;
margin-bottom:10px;
}
a.s1 {background-color:#a0a0a0; color:white;}
a.s2 {background-color:#868645; color:white;}
a.s3 {background-color:#ddbd58; color:white;}
a.s4 {background-color:#dd904e; color:white;}
a.s5 {background-color:#dd6e45; color:white;}
ul.franjas li a span {
display:none;
padding:20px;
text-align:justify;}
ul.franjas li a:hover {
width:350px;}
ul.franjas li a:hover span {
display:block;}
ul.franjas img {
float: left;
margin-right:15px;
margin-bottom:60px;
border:6px solid F2F2F2;
}
-->
</style>
</head>
<body>
<ul class="franjas">
<li>
<a href="#" class="s1"><span>
<img src="http://www.webintenta.com/wp-content/uploads/2007/08/franjas1.jpg">
<b>gearte Produkzioak</b></span>gearte Produkzioak</a></li>
<li>
<a href="#" class="s2"><span>
<img src="http://www.webintenta.com/wp-content/uploads/2007/08/franjas2.jpg">
<b>Komikiak</b></span>Komikiak</a></li>
<li>
<a href="#" class="s3"><span>
<img src="http://www.webintenta.com/wp-content/uploads/2007/08/franjas3.jpg">
<b>Kantak</b> </span>Kantak</a></li>
<li>
<a href="#" class="s4"><span>
<img src="camara.jpg">
<b>Laburmetraiak</b>Ikus ditzazkegu gearte Produkzioak eginiko laburmetraiak.
<object width="425" height="344"><param name="movie"
value="http://www.youtube.com/v/dJS1RbUebLc&hl=es&fs=1"></param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/dJS1RbUebLc&hl=es&fs=1"
type="application/x-shockwave-flash" allowfullscreen="true" width="325"
height="244"></embed></object>
</span>Laburmetraiak</a></li>
<li>
<a href="#" class="s5"><span>
<img src="http://www.webintenta.com/wp-content/uploads/2007/08/franjas2.jpg">
<b>Gajate Flash</b></span>Gajate Flash</a></li>
</ul>
</body>
</html>