ie6模拟最大宽度和最小宽度的问题 - huangwei_joy - ITeye博客

`

huangwei_joy

浏览: 3771 次
来自: ...

最近访客更多访客>>

woodding2008

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

trystudy：比较耗进程吧
ie6模拟最大宽度和最小宽度的问题
joe001： var p =' {"name":&quo ...
JSON串的问题...
kitly：前端，后台，数据库的字符编码都用utf8
php 和 ajax 的乱码问题怎么解决啊

ie6模拟最大宽度和最小宽度的问题

IE CSS Java 浏览器 HTML

阅读更多

由于最近手头上的事情和模拟桌面应用有关,因此对布局的要求比较苛刻,比如页面最大宽度和最小宽度的问题,
ie7+和其他比较标准的浏览器对于这个就比较好办了:

body{
	margin:0;
	padding:0;
}
.doc{
	margin:0 auto;
	width:90%;
	max-width:1000px;
	min-width:500px;
	height:600px;
	background-color:#FF8080;
}

HTML:

<body>

<div class="doc">
	Document
</div>


</body>

由于ie6对CSS2.1标准不支持,所以就想到了一个比较牵强的方法,加上这段CSS模拟一下就可以了

<!--[if ie 6]>
<style type="text/css">
.doc{
	width:expression( Math.max(500,Math.min(1000,document.body.offsetWidth*0.9))+"px" );
}
</style>
<![endif]-->

事实上,ie在CSS expression上的开销还是很大的.

default.rar (534 Bytes)
下载次数: 35

分享到：

JSON串的问题...

2008-11-08 09:22
浏览 1276
评论(1)
论坛回复 / 浏览 (1 / 4546)
分类:Web前端
查看更多

评论

1 楼 trystudy 2008-11-14

比较耗进程吧

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

兼容IE6的网页最小最大宽度和最小最大高度css写法: 为了确保网页在IE6中的正常显示，并且能够控制页面元素的最小宽度、最大宽度、最小高度和最大高度，我们需要采用特定的CSS写法。这些写法通常是利用IE6特有的expression()函数来实现。首先，我们来讨论如何为网页...

让IE6支持min-width最小宽度: 这段代码创建了两个内部嵌套的div元素，`.ie6-out`和`.ie6-in`，通过对它们的相对定位和负边距来实现最小宽度的效果。外层的`.ie6-out`通过`_margin-left`设定一个较大的负值，而内层的`.ie6-in`通过`_margin-left`...

解决IE6兼容问题的十一大技巧: 9. **最小宽度(min-width)**：与`max-height`和`max-width`类似，IE6也不支持`min-width`。同样可以使用JavaScript进行处理： ```javascript function setMinWidth(elementId, width) { var container = document...

DIV+CSS相对IE6、IE7和IE8的兼容问题: 在网页设计中，`DIV+CSS`是一种常见的布局方式，然而不同版本的Internet Explorer（IE6、IE7和IE8）对于CSS的支持存在诸多兼容性问题。这些问题往往导致页面在不同浏览器中显示不一致，增加了开发者的调试难度。下面...

解决IE6、IE7、IE8样式不兼容问题: IE6在处理背景图片的位置和大小上存在问题，可以通过添加额外的`background-size`或`background-position`属性来优化显示效果。 #### 五、结论尽管IE6、IE7、IE8在今天已经逐渐退出历史舞台，但为了确保网站的...

CSS的最大高度、最小高度及宽度在IE6下没有效果问题: 总之，面对IE6不支持`max-height`、`min-height`等问题，开发者需要了解和掌握一些非标准的解决方案，如`expression`，但同时也要意识到这些方法可能带来的负面影响，并寻找更现代、更兼容的替代方案。随着技术的...

div+css 解决ie6兼容问题总汇: 9. **最小宽度**：与最大高度类似，IE6不支持`min-width`。同样可以使用JavaScript检测元素的实际宽度并动态设置，封装成函数后可灵活应用。这些解决策略可以帮助开发者在保持网站设计完整性的同时，确保在IE6中的...

IE678个人总结的式样问题: 根据提供的信息，我们可以总结出以下IT知识要点，主要聚焦于IE6、IE7与IE8浏览器中的样式兼容性问题及解决方案： ### 一、IE6/IE7/IE8 浏览器兼容性概述 #### 1. **文档声明与X-UA-Compatible** - 在网页头部加入...

IE6支持png: 4. **设置最小宽度**：IE6在处理元素的最小宽度时存在bug。文件“IE6最小width.txt”可能提供了解决方案，比如使用`min-width`属性结合CSS Hack（如`_width`）来确保元素在IE6下不会收缩得太小。例如： ```css ....

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

可通过鼠标拖动调整表格单元格宽度效果代码[兼容IE,firefox]: 在实际的代码实现中，还需要考虑边界条件，如最小和最大宽度限制，以及防止用户意外地将单元格调整得过宽或过窄。同时，为了保持表格的布局平衡，可能还需要同步调整相邻单元格的宽度，以保持列的总宽度不变。在...

IE7.JS解决IE兼容性问题方法: 1. **CSS增强**：IE7.js支持一些CSS2.1和CSS3属性，如浮动元素的清除、最小宽度、最大宽度、负边距、透明度等，使得开发者可以使用更丰富的样式设计网页。 2. **盒模型修复**：IE6和IE7的盒模型与W3C标准不一致，...

DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf: - `*` 通配符在IE6和IE7中被识别，但在标准浏览器如Firefox中不被识别。利用这一点，可以编写特定于IE的规则。 3. **处理空链接**： - 当链接没有实际的目标（如 `href="#"`）时，某些浏览器可能会导致页面滚动到...

DIV+CSS相对IE6、IE7和IE8的兼容问题[借鉴].pdf: 对于`min-width`，IE6和IE7不支持，可以使用JavaScript的`expression`来模拟，但这种方法可能导致HTML文档不正规。 6. **浮动元素的3像素偏移**：当左侧元素浮动，右侧元素使用外边距定位时，IE会出现3像素的...

ie兼容问题: 与最小宽度类似，IE6同样不支持`max-width`属性，可以采用类似的JavaScript方法来处理： ```javascript function setMaxWidth(elementId, width) { var container = document.getElementById(elementId); ...

让CSS兼容IE和Firefox的技巧集合: 5. **页面最小宽度**：利用`min-width`设置元素的最小宽度，IE不支持此属性。一种解决方法是结合`expression`属性，用JavaScript来模拟： ```css #container{ min-width: 600px; width: expression(document....

IE6下兼容性常见的几个问题与解决方法: 问题四是IE6对最小高度的支持。当设置的高度小于19px时，IE6会将其视为19px。解决这个问题可以使用overflow:hidden，这将强制元素至少拥有指定的高度。第五个问题是IE6不支持dotted边框。可以使用背景图片平铺的...

IE7,6与Fireofx的兼容性处理方法: 在Web开发中，浏览器兼容性始终是一个重要的考虑因素，尤其是在IE7、IE6和Firefox之间。这些早期版本的浏览器对CSS的解析方式存在差异，导致开发者需要采取特殊的技术来确保页面在各种浏览器中的一致显示。以下是...

css常见的bug（ie）: 8. **宽度和高度的问题**： IE不支持`min-`前缀，但它实际上把正常的width和height当作有min的情况。可以使用HTML5的特定选择器（如`html>body`）来分别定义正常尺寸和最小尺寸。 9. **自动扩展的Div**：在IE7中...

Global site tag (gtag.js) - Google Analytics