摘要: 基本上来说,由于IE6的存在,用xhtml+css来模拟frameset是很困难的事情,处理的手段我已知的仅以下几点:1. 将IE6转人Quirks mode,其他浏览器采用position:absolute定位。2. 利用IE6的html标签的盒模型解释与其他标签不一致,来实现这个(100%-n像素)的高度,其他浏览器采用position:absolute定位。3. 固定头尾,中间采用“padding”限定顶部距离和底部距离,非常憋脚但无hack的方法1、优化主要目的:解决IE6中采用quirks模式存在弊端的模式。优化主要方法:利用IE6中<html>标签的盒模型bug添置to 阅读全文
posted @ 2012-02-14 16:30 青春无敌小宇宙 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 标准参考根据 W3C CSS2.1 规范中规定了非替换绝对定位元素的宽度计算,其中提到:The constraint that determines the used values for these elements is:'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-righ 阅读全文
posted @ 2012-02-14 16:08 青春无敌小宇宙 阅读(1783) 评论(0) 推荐(0) 编辑
摘要: 这篇文章在我的机器里呆了很长时间了,一直犹豫着到底发还是不发呢。 其原因是这个Demo还有一些不完善的地方,所以一直没发,但又一直想要完善它,所以今天还是打算将它发出来,因为人民的智慧是无穷的。 该布局的重点在于头部和底部的高度固定,并且位置需始终保持不变,中间部分的可视高度为除去头和尾的剩余部分,实际高度则随内容的多少自适应,如果实际高度超出了超出可视高度则出现滚动条(当然,如果是通过JS的话,可以轻而易举的实现,但如果是纯粹的CSS的话...其实也很容易实现,只不过为了能在IE中向下兼容才颇费了一番功夫)。 这听起来似乎有点象框架了,其实就是在模拟那种效果:) [效果演示:http... 阅读全文
posted @ 2012-02-14 14:31 青春无敌小宇宙 阅读(2743) 评论(0) 推荐(0) 编辑