才子佳人博客

我的故事我讲述

用div+css布局的li内容在ie6,ie7中显示效果与ie8、firefox中不同的解决办法
 
来源:xjh  编辑:xjh  2018-10-22

问题:浏览器显示不兼容,用div+css布局的li内容在ie6,ie7中显示的效果与ie8、firefox中不同,表现在:

1、在ie6,ie7浏览器中浏览网页内容,li内容的左右边界正常,但在ie8、firefox边界为零。
2、在ie6,ie7浏览器中浏览网页内容,li无项目符号点,但在ie8、firefox出现项目符号点。

实现多种浏览器显示兼容的解决办法:

1、使用多个li 标签,必须配合ul标签,如:
<ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul>

2、对ul标签做样式控制,分别设置填充和边界为0,特别注意:不设置与设置为0效果不同。

3、若需要调整行间距,左边间隔空隙,只需对li设置行高和填充。

4、设置li 列表类型为无与不设置在不同的显示器中显示效果不同,因此,需明确指定类型为无。


分类:网站设计| 查看评论
相关文章
文章点击排行
本年度文章点击排行
发表评论:
  • 昵称: *
  • 邮箱: *
  • 网址:
  • 评论:(最多100字)
  • 验证码: