Tag Archives: CSS

IE6下的几个CSS问题 [转载]

2010年06月22日 星期二 – 04:43

以下内容全部转载自 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

Tags , , | Comment (0)

在HTML页中添加打印换页符

2009年08月05日 星期三 – 14:03

第一页内容…

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

第二页内容…

Tags , , | Comment (0)

在IE浏览器中模拟实现图片CSS的 max-width

2009年06月15日 星期一 – 17:04

非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

Tags , , | Comment (0)