`
highfly-s
  • 浏览: 100769 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

兼容IE6 min-width 的CSS 样式

 
阅读更多

 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;
  }

分享到:
评论

相关推荐

    让IE6支持兼容min-width、max-width CSS样式属性的方法

    在CSS布局设计中,`min-width` 和 `max-width` 是两个非常重要的样式属性,它们允许我们设置元素的最小和最大宽度,以确保在不同屏幕尺寸和设备上保持良好的响应性和可读性。然而,IE6(Internet Explorer 6)浏览器...

    兼容IE6的min-width、min-height的简单方法

    为了兼容IE6,可以通过一些特别的CSS技巧来模拟min-width和min-height的效果。具体的方法包括: 方法一:利用CSS中高度的默认行为 在IE6中,当块级元素内的内容高度超出该元素本身的高度时,该元素的高度会自动增加...

    min-width For ie6 与传统事件阻止

    标题中的“min-width For ie6 与传统事件阻止”涉及到两个关键知识点,一个是CSS中的`min-width`属性在IE6浏览器中的实现,另一个是JavaScript中的事件阻止机制。 首先,我们来详细探讨`min-width`属性。`min-width...

    IE6实现min-width

    在早期的网页设计中,IE6(Internet Explorer 6)浏览器并不支持CSS的`min-width`属性,这给开发者带来了不少挑战,因为`min-width`属性对于创建响应式布局至关重要,它能确保元素的最小宽度,防止内容在窗口缩小时...

    让IE6支持min-width和max-width的方法

    在早期的Internet Explorer(尤其是IE6)中,浏览器并不支持CSS中的`min-width`、`max-width`以及`min-height`和`max-height`属性,这给网页设计带来了很大的局限性。为了让这些特性在IE6及其以下版本中生效,开发者...

    让CSS兼容IE和Firefox的技巧集合

    标题中的“让CSS兼容IE和Firefox的技巧集合”是指在网页设计中,针对Internet Explorer(IE)和Firefox这两种浏览器之间CSS样式兼容性问题的解决策略。描述中的“嘿呌,IE不再是个bug”暗示了这些技巧能帮助开发者...

    最全的CSS浏览器兼容问题整理(IE6、IE7)

    在Web开发中,CSS(层叠样式表)的浏览器兼容性问题一直是开发者面临的挑战,特别是针对老旧的Internet Explorer版本,如IE6和IE7。了解和掌握这些兼容性技巧,能有效提升网页在不同浏览器上的表现。 1. **垂直居中...

    如何兼容IE7和IE8-Div+CSS教程.txt

    ### 如何兼容IE7和IE8—Div+CSS教程 #### 概述 本文将详细介绍如何在使用Div+CSS布局时实现对Internet Explorer 7(IE7)与Internet Explorer 8(IE8)的兼容性支持。随着Web标准的发展与浏览器技术的进步,IE7和...

    CSS兼容IE6,,IE7,I8 FIREFOX

    ### CSS兼容IE6、IE7、IE8及Firefox解析与应用 #### 一、引言 随着Web技术的发展,浏览器的兼容性问题一直是前端开发者关注的重点。尤其在早期的Web开发过程中,Internet Explorer(IE)系列浏览器由于市场份额较大...

    min-height和min-width两个最小高度和最小宽度兼容多浏览器版本

    总结来说,为了在不同浏览器中实现`min-height`和`min-width`的兼容,我们需要理解各浏览器的差异,并运用特定的CSS hack和技巧。在开发过程中,应当始终进行跨浏览器测试,以确保样式在所有目标浏览器中都能正确...

    IE6不支持CSS中的min-width/height属性问题的解决方法

    随着现代浏览器的普及,这个问题在很大程度上已经不再是个大问题,但如果你的网站还需要兼容IE6用户,这个技巧仍然非常有用。 总结起来,解决IE6不支持`min-width`和`min-height`的问题,主要是通过CSS层叠和浏览器...

    DIV CSS 网页兼容全搞定 IE6 IE7 IE8 IE9 火狐 谷歌

    然而,由于不同浏览器之间的解析差异,尤其是在IE6、IE7、IE8等旧版本的Internet Explorer中,CSS兼容性问题时常出现。本文将深入探讨如何解决这些问题,确保网页在各种浏览器中都能正常显示。 首先,编写XHTML格式...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”,这揭示了在Web开发中,尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时,开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为,...

    CSS在IE6 IE7与FireFox下的兼容问题整理

    在Web开发中,CSS(层叠样式表)的兼容性问题一直是开发者面临的一大挑战,尤其是在早期的浏览器之间,如Internet Explorer (IE)的6、7版本和Firefox。这些浏览器对CSS标准的实现存在差异,导致在不同浏览器下页面...

    浏览器Firefox与IE在CSS样式表中的差异汇编.pdf

    为兼容IE,可以这样写: ```css #box { width: 80px; height: 35px; } html&gt;body #box { width: auto; height: auto; min-width: 80px; min-height: 35px; } ``` 6. **最小宽度(min-width)** - IE不...

    DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf

    本文档“DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf”主要关注如何处理Firefox和不同版本的Internet Explorer(IE6、IE7、IE8、IE9)之间的CSS差异。以下是一些关键知识点的详细说明: 1. **CSS Hack**: - CSS Hack...

    div错位解决IE6IE7IE8样式不兼容问题

    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浏览器

    ### CSS兼容性处理:针对IE与非IE浏览器的差异 在Web开发中,浏览器兼容性问题一直是前端开发者需要面对的重要挑战之一。不同浏览器对CSS的支持程度各不相同,特别是Internet Explorer(IE)系列浏览器与其他现代...

Global site tag (gtag.js) - Google Analytics