框架型网页播放器去掉横向滚动条的方法(兼容IE与Firefox)

 

以前我一直为这个问题困扰，如在IE下把横向滚动条去掉了，但Firefox下又有了，反之亦然。
做事应该近乎完美，所以我请教了Google，自己总结出了一个方法可以两者兼得。

如有这样的框架代码：

CODE:

<frameset rows="*,20" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="./weblog.php" name="mainFrame" id="mainFrame" scrolling="auto" noresize="noresize" /> <frame width="100%" src="./mp3player/index.html" name="bottomFrame" scrolling="no" noresize="noresize" id="bottomFrame" /> </frameset>

如果把mainframe框架的scrolling设成auto（默认），在IE中就会有横向滚动条；如把scrolling设为yes，IE中横向滚动条就没有了，但Firefox中就会出现。

为了能两全，我们在使用上面框架代码的同时，需要再在weblog.php页关联的CSS中定义如下样式：

CODE:

body { overflow: scroll; overflow-x: hidden; overflow-x: auto !important; }

注：body{...}也可以用html{...}代替


这样，“丑陋”的横向滚动条在IE和Firefox下就消失了。
注：此文是针对HTML有声明DTD的情况，如果没声明DTD，直接在mainFrame里把scrolling设为auto就OK，CSS样式就不用改了。