html - CSS & HTML : Divs aligning in Chrome but not in Firefox

Question

我正在尝试在这里创建一个登陆页面:http://www.serik.me它在 Chrome 和 Safari 中看起来不错，但在 Firefox 中不起作用。具体来说，#bottom ID 被推到#righthalf ID 中。

当我尝试验证 CSS 时，我遇到了一堆关于嵌入式闪存的错误。我还尝试了各种定位修复(绝对、相对、 float 等)，但似乎没有任何效果。

我的 HTML 有问题吗？

知道我做错了什么吗？我希望底部的三个圆形表格在其上方内容下方的整个页面中居中。提前致谢!

Answer 1

将此添加到您的样式表:

.bottom {clear:both}

这应该就是您所需要的。抱歉，我无法解释为什么它在 Chrome 而不是 Firefox 中工作，但这至少应该让你上路。 (在 FF4 中测试)

底部并没有真正居中，但它在 Chrome 中看起来和在 FF 中一样。

我没有看到您的 html 有任何重大问题，尽管它没有验证 alt 属性和嵌入内容。不过这些应该不会影响您的布局。

祝你好运，网站看起来不错。