使用ie / firefox和Chrome的某些宽度的CSS问题

时间:2014-01-20 16:03:48

标签: css wordpress responsive-design

我正在构建一个wordpress网站,我希望内容区域在滑块图像上方“突出”。我创建了自己的凹凸,但我对其中的内容存在问题。内容不适合Firefox& IE浏览器。在谷歌浏览器上,某些浏览器宽度正确适合内容,而其他浏览器尺寸不适用

以下是该网站的链接:http://192.185.167.175/~laurente/belle/

我尝试使用不同的边距/填充,似乎无法使其工作。

我无法发布图片,因为我没有足够的声望,但绿色框应该位于凹凸顶部下方10px处,正如我在我的css中写的“padding-top:10px”

如果您在浏览器中拖动浏览器大小,则可以看到我的意思

帮助!请!

2 个答案:

答案 0 :(得分:0)

Dynamicad,

如果我理解,您只需要从margin-top: -60px

中移除.main-outer-wrapper即可

希望它有所帮助。

答案 1 :(得分:0)

您可以删除 margin-top:-60px; 并将其替换为 top:-60px;

这应该可以解决你的问题。

祝你好运你的主题。 :)