在调整drupal页脚css式样时不同浏览器的兼容性问题

zhx0430 发布于 2013/11/20 11:33
阅读 346
收藏 0

最近在学习关于drupal的内容,参照了葛红儒老师的《drupal实战》一书

在学习到调整页脚格式的时候用到了css式样的调整

按照书中的办法调整之后在不同浏览器之中产生了不同的效果

IE和360显示正常,chrome显示就会没有对齐

这里有没有办法可以解决,恳请各位老师能给一点建议

黑框是我截图之后加上的

整个页脚部分的css代码如下

/**
 * @file
 * custom Styling
 */
#footer{
  background-color: #F6F6F2;
  font-size: 0.92307em;
  line-height: 1.5em;
  padding: 30px 0 20px;
}

#footer .block{
  color: #666666;
  text-align: center;
}
#footer ul.menu {
  margin-bottom: 10px;
  overflow: hidden;
}
#footer ul {
  clear: both;
  list-style: none outside none;
  text-align: center;
  padding: 0 0 0 0px;
}

#footer ul li.expanded {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 0;
  width: 20%;
}
#footer li {
  display: inline;
}
#footer a {
  font-size: 14px;
  margin: 0 10px;
}

#footer ul li.expanded li.leaf {
  list-style: none outside none;
}

#footer ul li.expanded li {
  clear: both;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  margin: 0;
  padding: 0;
}

#footer li.leaf {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

如图

ie

chrome

加载中
0
Jackitshot
Jackitshot
没看到HTML源代码,注意IE和Chrome给ul标记的padding和margin默认值有不同,可以改下它们的左边数值。
返回顶部
顶部