关于firefox和IE在height方面的设计问题,,,,,急啊急啊!!!!!!
时间:2011-08-02
来源:互联网
我设计的版面内容是:
左|中|右
左|中|右
左中右之间有2px的边界,左边和右边的内容比较少,而中间的是类似微博状态的内容,所以高度不一定,可多可少,所以边界应该由中间部分的高度决定。
现在问题出现了:
当中间内容很少的时候,可能会导致左右两块内容有部分是没有边界的,即:
左|中|右
左 右
这样子不好看,所以中间内容必须设定最小高度。
对于firefox,最小高度用min-height即可实现,但是对IE不管用,所以只能令height为最小高度。通过上面的设置,中间部分的内容多了以后,对于IE,高度会自动延伸,满足要求,但是对于firefox则无法自动延伸。
有的朋友建议把height设置为100%,这个对firefox无疑是个好办法,但是内容太少时,在IE则无法达到最小高度,则又出现了上面的问题了。
求高手指点一下怎么处理比较好。。。。给思路、给函数、给完整代码都行~~~
很急。。。谢谢~~
(想具体了解我需要的版面模式,麻烦参考一下人人网,中间的状态也是可多可少的。)
左|中|右
左|中|右
左中右之间有2px的边界,左边和右边的内容比较少,而中间的是类似微博状态的内容,所以高度不一定,可多可少,所以边界应该由中间部分的高度决定。
现在问题出现了:
当中间内容很少的时候,可能会导致左右两块内容有部分是没有边界的,即:
左|中|右
左 右
这样子不好看,所以中间内容必须设定最小高度。
对于firefox,最小高度用min-height即可实现,但是对IE不管用,所以只能令height为最小高度。通过上面的设置,中间部分的内容多了以后,对于IE,高度会自动延伸,满足要求,但是对于firefox则无法自动延伸。
有的朋友建议把height设置为100%,这个对firefox无疑是个好办法,但是内容太少时,在IE则无法达到最小高度,则又出现了上面的问题了。
求高手指点一下怎么处理比较好。。。。给思路、给函数、给完整代码都行~~~
很急。。。谢谢~~
(想具体了解我需要的版面模式,麻烦参考一下人人网,中间的状态也是可多可少的。)
作者: wangzekun1106 发布时间: 2011-08-02
补充一下 ,总的来说,我要的中间部分的效果就是:
1. 可以设置最小高度
2. 在内容过多时,高度会自动延伸
3. 在IE和firefox都可以实现1和2两个效果。。。。
1. 可以设置最小高度
2. 在内容过多时,高度会自动延伸
3. 在IE和firefox都可以实现1和2两个效果。。。。
作者: wangzekun1106 发布时间: 2011-08-02
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28