IE6另外一个bug就是它不支持 min-width 属性. min-width又是相当有用的, 特别是对于弹性模板来说, 它们有一个100%的宽度,min-width 可以告诉浏览器何时就不要再压缩宽度了。
除IE6以外所有的浏览器你只需要一个 min-width: Xpx; 例如:
.container {
min-width:300px;
}
为了让他在IE6下工作, 我们需要一些额外的工作. 开始的时候我们需要创建两个div, 一个包含另一个:
<div class="container">
<div class="holder">Content</div>
</div>
然后你需要定义外层div的min-width属性
.container {
min-width:300px;
}
这时该是IE hack大显身手的时候了. 你需要包含如下的代码:
* html .container {
border-right: 300px solid #FFF;
}
* html .holder {
display: inline-block;
position: relative;
margin-right: -300px;
}
- 浏览: 99854 次
- 性别:
- 来自: 北京
最新评论
-
_大大大雄:
关于这个应用, 有些东西想要请教下您行么?
jsp 权限过滤器的应用 -
jptiancai:
博主,看了博客,收获很多,这个例子运行的时候,会报下面的错误: ...
jsp 权限过滤器的应用
相关推荐
在CSS布局设计中,`min-width` 和 `max-width` 是两个非常重要的样式属性,它们允许我们设置元素的最小和最大宽度,以确保在不同屏幕尺寸和设备上保持良好的响应性和可读性。然而,IE6(Internet Explorer 6)浏览器...
为了兼容IE6,可以通过一些特别的CSS技巧来模拟min-width和min-height的效果。具体的方法包括: 方法一:利用CSS中高度的默认行为 在IE6中,当块级元素内的内容高度超出该元素本身的高度时,该元素的高度会自动增加...
标题中的“min-width For ie6 与传统事件阻止”涉及到两个关键知识点,一个是CSS中的`min-width`属性在IE6浏览器中的实现,另一个是JavaScript中的事件阻止机制。 首先,我们来详细探讨`min-width`属性。`min-width...
在早期的网页设计中,IE6(Internet Explorer 6)浏览器并不支持CSS的`min-width`属性,这给开发者带来了不少挑战,因为`min-width`属性对于创建响应式布局至关重要,它能确保元素的最小宽度,防止内容在窗口缩小时...
在早期的Internet Explorer(尤其是IE6)中,浏览器并不支持CSS中的`min-width`、`max-width`以及`min-height`和`max-height`属性,这给网页设计带来了很大的局限性。为了让这些特性在IE6及其以下版本中生效,开发者...
标题中的“让CSS兼容IE和Firefox的技巧集合”是指在网页设计中,针对Internet Explorer(IE)和Firefox这两种浏览器之间CSS样式兼容性问题的解决策略。描述中的“嘿呌,IE不再是个bug”暗示了这些技巧能帮助开发者...
在Web开发中,CSS(层叠样式表)的浏览器兼容性问题一直是开发者面临的挑战,特别是针对老旧的Internet Explorer版本,如IE6和IE7。了解和掌握这些兼容性技巧,能有效提升网页在不同浏览器上的表现。 1. **垂直居中...
### 如何兼容IE7和IE8—Div+CSS教程 #### 概述 本文将详细介绍如何在使用Div+CSS布局时实现对Internet Explorer 7(IE7)与Internet Explorer 8(IE8)的兼容性支持。随着Web标准的发展与浏览器技术的进步,IE7和...
### CSS兼容IE6、IE7、IE8及Firefox解析与应用 #### 一、引言 随着Web技术的发展,浏览器的兼容性问题一直是前端开发者关注的重点。尤其在早期的Web开发过程中,Internet Explorer(IE)系列浏览器由于市场份额较大...
总结来说,为了在不同浏览器中实现`min-height`和`min-width`的兼容,我们需要理解各浏览器的差异,并运用特定的CSS hack和技巧。在开发过程中,应当始终进行跨浏览器测试,以确保样式在所有目标浏览器中都能正确...
随着现代浏览器的普及,这个问题在很大程度上已经不再是个大问题,但如果你的网站还需要兼容IE6用户,这个技巧仍然非常有用。 总结起来,解决IE6不支持`min-width`和`min-height`的问题,主要是通过CSS层叠和浏览器...
然而,由于不同浏览器之间的解析差异,尤其是在IE6、IE7、IE8等旧版本的Internet Explorer中,CSS兼容性问题时常出现。本文将深入探讨如何解决这些问题,确保网页在各种浏览器中都能正常显示。 首先,编写XHTML格式...
标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”,这揭示了在Web开发中,尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时,开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为,...
在Web开发中,CSS(层叠样式表)的兼容性问题一直是开发者面临的一大挑战,尤其是在早期的浏览器之间,如Internet Explorer (IE)的6、7版本和Firefox。这些浏览器对CSS标准的实现存在差异,导致在不同浏览器下页面...
为兼容IE,可以这样写: ```css #box { width: 80px; height: 35px; } html>body #box { width: auto; height: auto; min-width: 80px; min-height: 35px; } ``` 6. **最小宽度(min-width)** - IE不...
本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer(IE6、IE7、IE8、IE9)之间的CSS差异。以下是一些关键知识点的详细说明: 1. **CSS Hack**: - CSS Hack...
5. **解决IE6/7/8的min-width/min-height问题**:IE6、IE7和IE8对于`min-width`和`min-height`的支持有限,可以使用以下方法来兼容这些版本的IE: ```css #box { width: 80px; height: 35px; } ...
### CSS兼容性处理:针对IE与非IE浏览器的差异 在Web开发中,浏览器兼容性问题一直是前端开发者需要面对的重要挑战之一。不同浏览器对CSS的支持程度各不相同,特别是Internet Explorer(IE)系列浏览器与其他现代...