iframe在火狐下的兼容问题

FangYANYI 2011-07-21 01:00:59 
 

<tr>

<td height="100%" style="border:solid 1px red;">

                <iframe name="frmBody" id="frmBody" frameborder="0" marginwidth="0" marginheight="0" width="100%" height="90%" scrolling="no" style="border:solid 1px yellow;">



                </iframe>

              </td>

</tr>

 <tr style="background-color:#3366FF;margin-top:0px;margin-bottom:2px;">

              <td height="18" background="images/main/menu_bg.jpg">

                <div  id="tdBottom" >

                  <marquee direction="lef" bihavior="scroll" scrollamount="3" id="elemNoticeMessage" onmouseover="stop();" onmouseout="start();">

                 welcome to here

                  </marquee>

                </div>

              </td>

            </tr>

上面代码在IE下没问题，在火狐和OPera下下面的那个TR显示不出来。上面这个td<td height="100%" style="border:solid 1px red;">高度不管我怎么设置都不起作用，总是占满整个浏览器
...全文
737 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
FangYANYI 2011-07-21
  • 打赏
  • 举报
 回复
我发现错误原因了。是应为火狐转换后 </iframe>没有了。 var xsltProcessor = new XSLTProcessor();
xsltProcessor.importStylesheet(stylex);
var result = xsltProcessor.transformToDocument(datax);
var xmls = new XMLSerializer();
container.innerHTML = xmls.serializeToString(result);
这是我的转换代码
lsw645645645 2011-07-21
  • 打赏
  • 举报
 回复
好长的代码,帮顶啦
FangYANYI 2011-07-21
  • 打赏
  • 举报
 回复 
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" >

      <tr height="57">

        <td width="100%" >

          <table width="100%" border="0" cellspacing="0" cellpadding="0">

            <tr>

              <td background="images/main/top_bg.jpg" width="289" height="57">

                <table width="100%" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                    <td>

                      <img src="images/main/top_ll.gif" />

                    </td>

                  </tr>

                </table>

              </td>

              <td background="images/main/top_bg.jpg">

                <table width="100%" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                    <td height="29" id="currentDay" style="color:#FFF;" colspan="2">



                    </td>

                    <td height="29">

                      <img id="weatherImg" src="images/weather/8.gif" height="29" style="margin-right:10px;margin-top:2px;" alt="天气预报"></img>

                    </td>

                  </tr>

                  <tr>

                    <td width="100%" height="28">

                      <div class="lable" style="color:#FFF;">

                        <p style="font-size:12px;">电力数据分析管理平台</p>

                      </div>

                    </td>

                    <td>

                      <div class="menu">

                        <ul>

                          <li>

                            <a href="" onclick="myrefresh();" target="frmBody">

                              <span>    刷新页面</span>

                            </a>

                          </li>

                          <li>

                            <a href="javascript:history.go(-1)">

                              <span>后退</span>

                            </a>

                          </li>

                          <li>

                            <a href="javascript:history.go(1)">

                              <span>前进</span>

                            </a>

                          </li>



                          <li>

                            <a href="#"  onclick="logout();">

                              <span>退出</span>

                            </a>

                          </li>

                        </ul>

                      </div>

                    </td>

                    <!--<td width="18"></td>-->

                  </tr>

                </table>

              </td>

            </tr>

          </table>

          <table width="100%" height="25" border="0" cellspacing="0" cellpadding="0">

            <tr>

              <td background="images/main/menu_bg.jpg" width="165">

                <div >

                  <!--class="menu_left"-->

                  <!--<p>-->

                  <label style="margin-left:5px;">当前用户：</label>

                  <nobr>

                    <span id="spanUserName" style="color:#FFF;"></span>

                  </nobr>

                  <!--</p>-->

                </div>

              </td>

              <td background="images/main/menu_bg.jpg">

                <div class="menu_list">

                  <ul>

                    <li>

                      <a href="#">

                        <!--<span>查询业务</span>-->

                      </a>

                    </li>

                    <li>

                      <a href="#">

                        <!--<span>出口业务</span>-->

                      </a>

                    </li>

                    <li>

                      <a href="#">

                        <!--<span>打印管理</span>-->

                      </a>

                    </li>

                    <li>

                      <a href="#">

                        <!--<span>公共管理</span>-->

                      </a>

                    </li>

                    <li>

                      <a href="#">

                        <!--<span>静态数据</span>-->

                      </a>

                    </li>

                    <li>

                      <a href="#">

                        <!--<span>收单行业务</span>-->

                      </a>

                    </li>

                  </ul>

                </div>

              </td>

            </tr>

          </table>



        </td>

      </tr>



      <tr height="100%">

        <td width="100%" colspan="3" height="100%">

          <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">

            <tr height="100%">

              <td width="191" height="100%" style="margin-top:0px;border:solid 3px #66CCFF;overflow:hidden;">

                <div  id="tdMainMenu" style="margin-top:0px;overflow-y:scroll;"></div>

              </td>

              <td height="100%">

                <iframe name="frmBody" id="frmBody" frameborder="0" marginwidth="0" marginheight="0" width="100%" height="100%" scrolling="no">



                </iframe>

              </td>

            </tr>

            <tr style="background-color:#3366FF;margin-top:0px;margin-bottom:2px;">

              <td colspan="2" height="18" background="images/main/menu_bg.jpg">

                <div  id="tdBottom" >

                  <marquee direction="lef" bihavior="scroll" scrollamount="3" id="elemNoticeMessage" onmouseover="stop();" onmouseout="start();">

                 welcome to here

                  </marquee>

                </div>

              </td>

            </tr>

          </table>

        </td>

      </tr>



    </table>

这是转换前的代码，显示的效果没有问题
FangYANYI 2011-07-21
  • 打赏
  • 举报
 回复 
<localhost>



<?xml version="1.0"?>

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr height="57">

<td width="100%">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td background="images/main/top_bg.jpg" width="289" height="57">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td>

<img src="images/main/top_ll.gif">

</td></tr></tbody>

</table>

</td>

<td background="images/main/top_bg.jpg">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tbody>

<tr>

<td height="29" id="currentDay" style="color:#FFF;" colspan="2">

<td height="29"><img id="weatherImg" src="images/weather/8.gif" height="29" style="margin-right:10px;margin-top:2px;" alt="天气预报">

</td></tr><tr><td width="100%" height="28"><div class="lable" style="color:#FFF;">

<p style="font-size:12px;">电力数据分析管理平台</p></div></td><td><div class="menu"><ul>

<li><a href="" onclick="myrefresh();" target="frmBody"><span>    刷新页面</span></a></li><li><a href="javascript:history.go(-1)"><span>后退</span></a></li><li><a href="javascript:history.go(1)"><span>前进</span></a></li><li><a href="#" onclick="logout();"><span>退出</span></a></li></ul></div></td></tr></tbody></table></td></tr></tbody></table><table width="100%" height="25" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td background="images/main/menu_bg.jpg" width="165"><div><label style="margin-left:5px;">当前用户：</label><nobr><span id="spanUserName" style="color:#FFF;"></nobr></div></td><td background="images/main/menu_bg.jpg"><div class="menu_list"><ul><li><a href="#"></li><li><a href="#"></li><li><a href="#"></li><li><a href="#"></li><li><a href="#"></li><li><a href="#"></li></td></tr></tbody>

</table></td></tr>

<tr height="100%"><td width="100%" colspan="3" height="100%">

<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"><tbody><tr height="100%">

<td width="191" height="100%" style="margin-top:0px;border:solid 3px #66CCFF;overflow:hidden;">

<div id="tdMainMenu" style="margin-top:0px;overflow-y:scroll;"></td>

<td height="100%">

<iframe name="frmBody" id="frmBody" frameborder="0" marginwidth="0" marginheight="0" width="100%" height="100%" scrolling="no">

</td></tr><tr style="background-color:#3366FF;margin-top:0px;margin-bottom:2px;"><td colspan="2" height="18" background="images/main/menu_bg.jpg"><

div id="tdBottom"><marquee direction="lef" bihavior="scroll" scrollamount="3" id="elemNoticeMessage" onmouseover="stop();" onmouseout="start();">

                 welcome to here

                  </marquee></div></td></tr></table></td></tr></table>

                  </td></tr></tbody></table></td></tr></tbody></table>


我用的是xsl，上面是转换后的代码，可以试试（会出现我说的效果）
挨踢直男 2011-07-21
  • 打赏
  • 举报
 回复 
<table>

    <tr>

        <td height="100%" style="border: solid 1px red;">

            <iframe name="frmBody" id="frmBody" frameborder="0" marginwidth="0" marginheight="0"

                width="100%" height="90%" scrolling="no" style="border: solid 1px yellow;"></iframe>

        </td>

    </tr>

    <tr style="background-color: #3366FF; margin-top: 0px; margin-bottom: 2px;">

        <td height="18" background="images/main/menu_bg.jpg">

            <div id="tdBottom">

                <marquee direction="lef" bihavior="scroll" scrollamount="3" id="elemNoticeMessage"

                    onmouseover="stop();" onmouseout="start();"> welcome to here </marquee>

            </div>

        </td>

    </tr>

    </table>

没问题啊
FangYANYI 2011-07-21
  • 打赏
  • 举报
 回复
补充：我把
<iframe name="frmBody" id="frmBody" frameborder="0" marginwidth="0" marginheight="0" width="100%" height="90%" scrolling="no" style="border:solid 1px yellow;">

</iframe>
这段ifrmae代码去掉就好了。
iframe自适应高度，亲测完美兼容IE6-9,Chrome,Opera,firefox,safari
因为有一个项目要用到iframe自适应高度，网上搜索了以下结果无数，不过看来看去都是那几个，而且基本都测试了一遍，所说的兼容根本不是那么回事，要不IE不正常，要不其他浏览器显示不正常，最后无奈，综合网上的方法，写了一个最精简，但完全兼容五大浏览器的自适应高度的代码，我想应该是网上共享出来的独一份了，亲测，五大浏览器完美兼容。资源里附带js代码说明 测试环境window xp，所用浏览器版本为2012年2月为止都是最新的浏览器，其他老版本的浏览器自测。不过应该不会出现不兼容的问题，毕竟ie6都兼容，现在难道还有比用IE6更老的浏览器 iframe自适应高度，亲测完美兼容IE6_7_8_9,Chrome谷歌浏览器,Opera欧朋浏览器,FireFox火狐浏览器,Mac Safari浏览器等五大浏览器
Iframe 高度自适应（兼容IE/Firefox、同域/跨域）
随之而来的就是在实际使用iframe中，会遇到iframe高度的问题，由于被嵌套的页面长度不固定而显示出来的滚动条，不仅影响美观，还会对用 户操作带来不便。于是自动调整iframe的高度就成为本文的重点。 采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，同时由于JavaScript对不同域名下权限的控制，引 发出同域、跨域两种情况。 同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器，控制id为“iframeid”的iframe的高度，通过JavaScript取得被嵌套页面最终高度，然 后在主页面进行设置来实现。 代码如下，可复制。另外，
ASP.NET毕业设计辅导 咖啡在线商城销售系统的设计与实现
设计重点与难点，明确图片上传时数据操作类的实现过程，掌握iframe框架在设计系统界面时的简单方法，该课程将以实战的方式来对代码进行讲解，本课程讲解的内容将围绕毕业设计答辩易考问题进行讲解。 注意：学院会员...
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
本文实例讲述了js实现iframe框架取值的方法。分享给大家供大家参考，具体如下： 为啥世上会有这么多不同的浏览器？每次遇到js/css的浏览器兼容性问题，总是要发出这样的感叹，真希望这些个浏览器公司全部倒下，然后只留下一家(显然这是一个不可能实现的美好愿望)，言归正传，看代码吧: iframe框架内页： <html> <head> <title>框架内页</title> </head> <body>
<input id="txt1" name="txt1" type="text" value="测试" />
</body> </html> 父
JS实现iframe自适应高度的方法(兼容IE与FireFox)
本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考，具体如下： 之前一直被iframe自适应高度的问题困扰，很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容FF的代码堆中翻了出来。我已经用过了，真的好用。尤其是对于我这样的JS水平较低（真不好意思）的人来说，这段代码简单易懂，方便修改，只要把下面的代码复制粘贴到iframe所在页面的<body>标签里面，并且修改一下ID名就行了（注意，要修改的地方有两个，位置在代码中有说明）。 向原创这段代码的朋友致敬。 步骤1：在<body>标签下先输入如下JS代码 <scriptlanguage="ja
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章