网站css框架在IE6浏览器里面没有效果,在IE7以上版本显示正常。寻求解决方法

html-css020

网站css框架在IE6浏览器里面没有效果,在IE7以上版本显示正常。寻求解决方法,第1张

内容应该是用li或是a标签包起来的吧

你用div在外面再包一次,然后把里面的a或者li的css样式加上float:left。

第二种方法可以试试,用div包完之后,把div的样式加上margin:auto。但是前提是这个div不是在center标签内。

因为右边的框架内容超出右边框架的宽度.所以在IE6右边的框架被撑大了.不够位置放在右边.最后就被挤到下面.出现在右边框架的下面.

临时办法是:右边框架css样式加上overflow-y:hidden

做好的解决办法就是找出右边框架中那个标签撑大了右框架.但这需要点时间排查

以pure为例来说明css框架的使用方法:

第一步:

设置meta

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0maximum-scale=1.0user-scalable=0" />

第二步:

引用基础css,就是说,所有引用pure的代码之前,需要引入的一个css

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/base-min.css">

第三步:

引用pure的主css

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/pure-min.css">

第四步:

引入你需要的pure的css,这里呢,我们抛砖引玉,只管响应式布局:

<!--[if lte IE 8]>

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css">

<![endif]-->

<!--[if gt IE 8]><!-->

<link rel="stylesheet" href="yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">

<!--<![endif]-->