兼容的最小高度适应不定量内容的容器

五月 15, 2008 06:47 by Esun

经常遇到这样的问题,左右结构的网页上,两边的背景不同,而为主的大容器因为需求需要在内容过少时与小容器的高度一致。这样就造成了各浏览器的兼容问题:如果设定主容器的高度,在IE7和FF下会显示成如下图:

clip_image002

如果单独使用min-height,在IE7和FF下可以实现想要的效果,但IE6下没有这个属性,不起作用,和没有设定高度的效果是一样。IE6效果如下图:

clip_image004

既然如此,不要忘记还有一个重要的可以区分IE6和IE7的!important,于是有了下面的想法:

height:600px;height:auto !important; min-height:600px;

这样得到的效果在IE6,IE7,FF下均如下图:

内容过少时:

clip_image006

内容过多时:

clip_image008

Tags:
Categories: Web技术
Actions: 评论 (2) |

Web内容可访问性指南 1.0

二月 3, 2007 17:40 by Esun
http://www.junchenwu.com/WAI/wai-pageauth.html
译文:
Web内容可访问性指南 1.0
http://www.junchenwu.com/WAI/wai-pageauth.html
原文:
Web Content Accessibility Guidelines 1.0
http://www.w3.org/TR/WAI-WEBCONTENT
注意:
本文档的英文版为唯一正式版本
本文档为中文翻译版,译者尽量与原著保持一致,错误和不妥之处欢迎指正
著作权声明:http://www.w3.org/Consortium/Legal/copyright-documents.html
译者:
吴隽辰(Junchen WU)[junchenwu@gmail.com]
时间:
初次定稿 2006-02-02 / 最后更新 2006-02-05

Categories: Web技术
Actions: 评论 (0) |