家有小虎 » CSS http://jiahu.net 我在路上, 你不在身旁. 想你的时候, 温暖依然. Fri, 23 Mar 2012 04:47:12 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 IE6下的几个CSS问题 [转载] http://jiahu.net/ie6%e4%b8%8b%e7%9a%84%e5%87%a0%e4%b8%aacss%e9%97%ae%e9%a2%98-%e8%bd%ac%e8%bd%bd.htm http://jiahu.net/ie6%e4%b8%8b%e7%9a%84%e5%87%a0%e4%b8%aacss%e9%97%ae%e9%a2%98-%e8%bd%ac%e8%bd%bd.htm#comments Mon, 21 Jun 2010 20:43:25 +0000 @ouc http://jiahu.net/?p=1532 以下内容全部转载自 http://goo.gl/m4Pg，作为笔记记录一下，方便以后查看

ie7和firefox都较为严格的遵循w3c的标准, 不存在太大的兼容性问题. ie6存在很多bug, 我就此说说我的一些经验, 仅仅是经验,毫无科学依据, 尽量避免使用hack

其一, 去掉<?xml version=”1.0″ encoding=”utf-8″ ?>
只要存在这个玩意,ie6就不买帐
配合严格或者兼容的xhtml dtd

其二, 浮动双边距,以下任选
1.用padding
2.使margin和float方向不同
3.使用_margin

其三, 使用margin-top实现文本,表单元素,图片一行内垂直居中对齐.

其四, 多猪
由注释引起,小心使用注释
使用margin-right:-3px;定义最后的元素
PS: 这里有完整的测试多猪问题的过程 http://goo.gl/3Tlx

其五, 注释
不要在连续的float元素之间插入注释
建议在元素内部定义该元素的注释

其六, margin,padding的自动赋值问题
定义margin-left,就算margin-right定位0,有时候也会莫名奇妙的margin-right=margin-left
暂无解决办法,只有牺牲点美观换取兼容

其七, 默认div高,
定义font-size<=height

]]> http://jiahu.net/ie6%e4%b8%8b%e7%9a%84%e5%87%a0%e4%b8%aacss%e9%97%ae%e9%a2%98-%e8%bd%ac%e8%bd%bd.htm/feed 0 在HTML页中添加打印换页符 http://jiahu.net/%e5%9c%a8html%e9%a1%b5%e4%b8%ad%e6%b7%bb%e5%8a%a0%e6%89%93%e5%8d%b0%e6%8d%a2%e9%a1%b5%e7%ac%a6.htm http://jiahu.net/%e5%9c%a8html%e9%a1%b5%e4%b8%ad%e6%b7%bb%e5%8a%a0%e6%89%93%e5%8d%b0%e6%8d%a2%e9%a1%b5%e7%ac%a6.htm#comments Wed, 05 Aug 2009 06:03:15 +0000 @ouc http://jiahu.net/?p=1110 第一页内容…

<div style=”page-break-after: always;”></div>

第二页内容…

]]> http://jiahu.net/%e5%9c%a8html%e9%a1%b5%e4%b8%ad%e6%b7%bb%e5%8a%a0%e6%89%93%e5%8d%b0%e6%8d%a2%e9%a1%b5%e7%ac%a6.htm/feed 0 在IE浏览器中模拟实现图片CSS的 max-width http://jiahu.net/%e5%9c%a8ie%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%ad%e6%a8%a1%e6%8b%9f%e5%ae%9e%e7%8e%b0%e5%9b%be%e7%89%87css%e7%9a%84-max-width.htm http://jiahu.net/%e5%9c%a8ie%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%ad%e6%a8%a1%e6%8b%9f%e5%ae%9e%e7%8e%b0%e5%9b%be%e7%89%87css%e7%9a%84-max-width.htm#comments Mon, 15 Jun 2009 09:04:00 +0000 @ouc http://jiahu.net/?p=985 非IE浏览器:

.post-body img {max-width:400px;}

IE:

.post-body img {
max-width:400px;
width: expression(this.width > 400 ? 400: true);
}

非IE浏览器:

.post-body img {max-width:95%;}

IE:

无法实现百分比的最大值

特别说明:

如果图片放在一个容器中时, 即使设置了容器的max-width值, 也需要设置图片的max-width值, 否则图片还是会撑开容器的尺寸.

#sidebar {width:220px;
width: expression(this.width > 220 ? 220: true);
}

#sidebar img {max-width:200px;
width: expression(this.width > 200 ? 200: true);
}

来源: http://phydeaux3.blogspot.com/2006/01/max-width-and-faking-it-for-ie.html

]]> http://jiahu.net/%e5%9c%a8ie%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%ad%e6%a8%a1%e6%8b%9f%e5%ae%9e%e7%8e%b0%e5%9b%be%e7%89%87css%e7%9a%84-max-width.htm/feed 0