2

我已经让两个开发人员查看了这个问题，但他们无法弄清楚是什么导致了这个问题。

在以下站点上，订阅栏（页面顶部）在 Chrome、Safari 和 Firefox 中看起来很好并且功能正常，但在 IE 中出现问题，它将订阅按钮向下移动一行并与“资源”导航项重叠。必须设置特定宽度才能使浮动正常工作，但是当您将宽度设置为自动时，它会浮动在其左侧的元素下方。虽然它仍然以这种方式正常运行，但它是有问题的，因为它看起来很糟糕。

我认为这个问题与 CSS 相关，但请注意我在 WordPress 中使用主题并集成了 MailChimp 订阅表单。

任何想法的建议将不胜感激。

提前谢谢你 - 阿什利

网站参考

4

3 回答 3

1

请注意，我也不是 CSS 专业人士。

我正在使用 Firefox 16.0.2 查看您的网站，并且看到您描述的相同问题。

使用 Firebug，我相信你应该width: 430px从<div id="mc_signup">. 当前宽度对于完整的表单来说太小了，我认为这就是订阅按钮移动到表单其余部分下方的原因。（它只是包装，因为没有足够的水平空间）

看截图，蓝色区域是<div id="mc_signup">，限制为 430px。

截图 http://img841.imageshack.us/img841/1540/denised.png

我希望这回答了你的问题。

于 2012-11-05T22:17:49.817 回答
0

我在 Chrome 下遇到问题。增加#mc_signup' 的宽度440px;应该可以解决您的问题。

或者，您可以更改#subscribe .wrapper .center并替换width: 100%; text-align: center;浮动.leftcopy#mc_signupdisplay: inline-block;

如果您想要更具体的答案，我建议您编辑您的问题。请添加截图。

我强烈建议您查看以下链接，了解如何正确浮动元素。 www.quirksmode.org/css/clearing.html

于 2012-11-05T22:14:02.343 回答
0

您描述的问题也存在于 Opera 和 Chrome 中。但是我padding: 0px 10px;从其中删除了该部分input#mc_signup_submit.button，这很好。

于 2012-11-05T22:17:05.050 回答