css IE6、IE7、FF下DIV自适应高度二种方案

第一种解决高度自适应的方法就是到100%

.div{ height:100%;overflow:hidden;}

第二种解决div高度自适应的方法min-height

在DIV的CSS中加入这句：min-height:200px;height:auto;
这样在高度超过200px之后
ie6 7 ff下高度都能自适应

最关于css,ie6,firfox兼容，我们可以用到css hack来实例，如果padding,在firfox与ie6不可就可以用*padding:5;padding:1px;

来搞定

时间： 2024-11-02 23:17:43

css IE6、IE7、FF下DIV自适应高度二种方案的相关文章

iframe 自适应高度[在IE6 IE7 FF下测试通过]_javascript技巧

第一种方法: 复制代码代码如下: <script type="text/javascript" language="javascript"> <!-- //调整 PageContent 的高度 function TuneHeight() { var frm = document.getElementById("content01"); var subWeb = document.frames ? document.frames

求在IE6,IE7,FF下动态修改span和标记的href内容

问题描述 <span>test</span><ahref="www.csdn.net">test</a><inputtype="button"/>我想问下.我单击一下时修改span和a标记里面的href内容如何实现?我现在在ie里面做才没有问题.在FF下失效了. 解决方案解决方案二: 做两套stylesheet一个给ie,一个给ff.pagefile....<linkid="lnkStyl

css ie6 ie7 ff的CSS hack使用技巧_经验交流

FF浏览器 .test{ height:20px; background-color:orange; } IE7浏览器 *+html .test{/*IE7*/ height:20px; background-color:blue; } IE6浏览器 *html .test{/*IE6*/ height:20px; background-color:black; } 通过上面的CSS代码可以看出FF还是最听话的浏览器.在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html. 这里就很

基于jQuery实现左右div自适应高度完全相同的代码_jquery

在线演示:http://demo.jb51.net/js/2012/jquery_demo/jquery_div_autoheihet.htm完整代码: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&quo

IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题_jquery

本文主要通过代码示例给大家介绍IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题:分步介绍,先给大家介绍IE7浏览器窗口大小改变事件执行多次bug,具体问题分析及解决方案请看下文. var resizeTimer = null; $(window).resize(function() { if (resizeTimer) clearTimeout(resizeTimer); resizeTimer = setTimeout("alert('mm')",

[转]CSS完美兼容IE6/IE7/FF的通用方法

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ width:

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法_经验交流

CSS+DIV自适应高度布局

css|自适应要实现的是head foot固定,中间区域随内容高度自适应,拖动滚动条时foot永远居底. SolarDreamStudios的方案给了我一个很好的思路,但关键部分是原创的,一直以为会比SolarDreamStudios的方案好,结果仔细看他们的代码,才发现其实原理都差不多,不过他们似乎在兼容性上下了更多工夫,具体未测试. A. 宽度100%自适应结构代码 <body> <div id="head">head</div><di

ie6,ie7,ff 的css兼容hack写法

Code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><style type='text/css'>#example { background: #ff0000;width:100px;height:100px } /* Moz/FF/