Pregunta: | 66988 - PROBLEMA CON IFRAME EN IE Y MOZILLA |
Autor: | HUGO VAZQUEZ LEON |
hola amigos, lo que pasa es que tengo este codigo en html 5 en el cual se despliega un menu con jquery mi problema es que si pongo <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> en IE se hace grande y en los demas exploradores se ve al tamaño que quiero pero si pongo <!DOCTYPE HTML> en mozilla e IE el iFrame se recorta como a 150 px en vez de expandirse al tamaño de la pantalla ojala me puedan ayudar, este es el codigo del index <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="en"> <head> <title>DJ Time Club - Best Club Music</title> <link href="favicon.ico" type="image/x-icon" rel="shortcut icon" /> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="all"> <link rel="stylesheet" href="css/layout.css" type="text/css" media="all"> <link rel="stylesheet" href="css/style.css" type="text/css" media="all"> <script type="text/javascript" src="js/jquery-1.6.js" ></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/cufon-replace.js"></script> <script type="text/javascript" src="js/Vegur_300.font.js"></script> <script type="text/javascript" src="js/PT_Sans_700.font.js"></script> <script type="text/javascript" src="js/PT_Sans_400.font.js"></script> <script type="text/javascript" src="js/tms-0.3.js"></script> <script type="text/javascript" src="js/tms_presets.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/atooltip.jquery.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.autoheight.js"></script> <!--[if lt IE 9]> <script type="text/javascript" src="js/html5.js"></script> <link rel="stylesheet" href="css/ie.css" type="text/css" media="all"> <![endif]--> <!--[if lt IE 7]> <div style=' clear: both; text-align:center; position: relative;'> <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a> </div> <![endif]--> <style type="text/css"> iframe { margin:0; padding:0; width:100%; border:none; height:80%; } </style> </head> <body onload=reSize()> <div id="body1"> <div class="main"> <!--header --> <table width="950" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="230" height="180" rowspan="2" align="right" valign="top"><h1><a href="index2.html" target="FRAME1"><img src="images/logo.png"/></a></h1></td> <td height="140" align="left" valign="middle"><table width="250" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="30" colspan="4" align="right" valign="top">Escúchanos en: </td> </tr> <tr> <td align="center" > </td> <td width="50" align="center"><a href="rtsp://agradio.no-ip.org:1935/live/djtimeclub.stream"><img src="images/bb.png" width="30" height="30" alt="Blackberry" ></a> </td> <td width="50" align="center"><a href="http://agradio.no-ip.org:8000/listen.pls"><img src="images/iphone.png" width="30" height="30" alt="iPhone" ></a></td> <td width="50" align="center"><a href="https://play.google.com/store/apps/details?id=tunein.player"><img src="images/android.png" width="30" height="30" alt="Android"></a></td> <td width="50" align="center"><a href="http://click.linksynergy.com/fs-bin/stat?id=1/6f5HRjYG8&offerid=146261&type=3&subid=0&tmpid=1826&RD_PARM1=http%253A%252F%252Fitunes.apple.com%252Fus%252Fapp%252Ftunein-radio%252Fid418987775%253Fmt%253D8%2526uo%253D4%2526partnerId%253D30"><img src="images/tunein.png" width="30" height="30" alt="TuneIn Radio"></a></td> </tr> </table></td> <td width="160" align="center" valign="middle"> </td> <td width="200" align="center" valign="middle"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="180" height="120"> <param name="movie" value="gnplayer1.swf"> <param name="quality" value="high"> <embed src="gnplayer1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="180" height="120"></embed> </object></td> </tr> <tr> <td height="60" colspan="3"><nav> <ul id="nav"> <li id="selected"><a href="index2.html" target=FRAME1>INICIO</a></li> <li><a href="Prog.html" target="FRAME1">PROGRAMAS</a></li> <li><a href="Manda.html" target="FRAME1">MANDA TU SET</a></li> <li><a href="Video.html" target="FRAME1">PROMOS</a></li> <li><a href="TV.html" target="FRAME1">DJ TIME CLUB TV</a></li> </ul> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> <script type="text/javascript" src="js/jquery.spasticNav.js"></script> <script type="text/javascript"> $('#nav').spasticNav(); </script> <script>jQuery.noConflict(true);</script> </nav></td> </tr> </table> <!--header end--> <!--content --> </div> </div> <iframe name="FRAME1" src="index2.html" width=100%; frameborder="0" onresize=reSize()> </iframe> <script language="JavaScript" type="text/javascript" src="autoheight.js"></script> </body> </html> |