未分类

解决IE下的间距bug

当前模板在firefox和chrome下表现良好,但在占浏览器大部分的IE用户看来是很糟糕的,导航条与文章title条错位,看起来导航条比文章的标题栏多挤出一部分。还有就是header块和导航的navi块本没有间距的但在ie下产生“巨大”的视距。

对于导航条的错位的解决之前我并不认为是IE的bug,只是认为是盒模型的数据有错,使一部分的长度偏长,而在firefox下是可以纠正这个错误的。但仔细的画出模型图纠正了一个1px间距错误之后还是老样子,才知道ie的bug。这个以前碰过,只要分别定义在firefox和ie下的表现。对firefox下的表现最后用上!important就可以了。修改之后再看,基本搞定。不过导航菜单还是有ie的bug。修正了好久最后终于看到现在的这个样子。不过上下块元素的“巨大”视距还是没有得到解决。

speak up

Add your comment below, or trackback from your own site.

Subscribe to these comments.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*Required Fields