" id="b1img" alt="米课”N+1“思维建站-非官方免费技术支持,Wordpress/Zencart/Opencart建站、SEO" title="米课”N+1“思维建站-非官方免费技术支持,Wordpress/Zencart/Opencart建站、SEO">
  • " alt="米课”N+1“思维建站-非官方免费技术支持,Wordpress/Zencart/Opencart建站、SEO" title="米课”N+1“思维建站-非官方免费技术支持,Wordpress/Zencart/Opencart建站、SEO" />
  • " alt="Windows/Linux服务器运维技术支持 环境搭建、应用发布、服务器管理、虚拟化、云计算" title="Windows/Linux服务器运维技术支持 环境搭建、应用发布、服务器管理、虚拟化、云计算" />
  • " alt="高校/小型企业网络运维与建设免费技术支持,网络规划、网络优化、故障排除、网络管理" title="高校/小型企业网络运维与建设免费技术支持,网络规划、网络优化、故障排除、网络管理" />

IE6 div float网页排版错乱的解决方法

程序设计2011-04-18 itlogger阅读(1,474) 评论(2)

在IE6下发现网站排版错乱,而IE7 IE8 IE9 Firefox等则显示正常。网站采用的是CSS+DIV结构,通过div float:left float: right实现左右分栏显示,解决IE6下网页显示排版错误的方法如下:把使用float浮动属性的div添加display:inline CSS属性,inline属性还不行的话就再加上div宽度width定义,如果有多层div嵌套的,最好把每一层相关地方都设置一下 inline和width.

以我的网站文章显示页为例,wordpress程序两栏显示,左边<div id=”container”><div id=”content’></content></div>,右边是sidebar

不仅要定义外层contianer的display:inline属性和宽度,还要把内层的content也定义上才能解决。

转载请注明 :IT樵客
文章地址:http://www.itlogger.com/program/1690.html

2 thoughts on “IE6 div float网页排版错乱的解决方法

  1. 先看看 回复@

    这个代码我有加过

  2. 只需在UL里加就可以了 我按你的方法就是这样

发表评论

电子邮件地址不会被公开。 必填项已用*标注