浏览器 - 使用YUI网格(Firefox + Opera)在CSS中与图像对齐兼容

时间:2011-01-18 02:44:25

标签: html css cross-browser

我在我的临时网站(http://www.rotimioyewole.com)页脚上对齐两张图片时遇到了麻烦。我是YUI网格的新手,我认为这可能是一个因素。

它看起来应该大致如此(在Chrome和Safari中正常运行,尚未测试IE): (http://cl.ly/44fH)

但在FF和Opera上看起来像这样: http://cl.ly/44aO

如果我可以有某种一致性,那么该网站至少可以呈现。理想情况下,我还想将两个图像对齐在同一个Y轴上,以及图标旁边的文本。我无法弄清楚如何寻找解决方案。有人可以帮助我吗?

提前致谢

1 个答案:

答案 0 :(得分:2)

添加以下

#footer h4
{
text-align:left;
//remove margin-left: 10px;
}

.icon {
float:left;
padding-right: 5px;
vertical-align: middle;
//remove position: absolute;
}

#contact {
text-align: left;
}

这至少可以解决Firefox中的问题。