2011-04-13 133 views
0

我正在尝试在此处创建着陆页:http://www.serik.me并且它在Chrome浏览器中看起来不错,但在Firefox中不起作用。具体来说,#bottom ID会被推送到#righthalf ID中。CSS和HTML:Div在Chrome浏览器中对齐但不在Firefox中

当我试图验证CSS时,我遇到了一堆嵌入式闪存的错误。我也尝试了各种定位修正(绝对,相对,浮动等),但似乎没有任何工作。

这是我在HTML中的问题吗?

任何想法我做错了什么?我希望底部的三个圆形表格集中在整个页面上方的内容下方。提前致谢!

+0

这是一些疯狂的keytar碎人!尼斯曲调:) – 2011-04-13 04:18:20

+0

哈哈谢谢你!在这一点上比黑客更好的生产者... – Serik 2011-04-13 04:50:12

回答

2

添加到您的样式表:

.bottom {clear:both} 

这应该是你所需要的。对不起,我无法解释为什么它可以在Chrome浏览器中运行,而不是在Firefox中运行,但至少应该让你顺其自然。 (在FF4中测试)

底部并不是真正居中,但在Chrome中看起来与FF中的相同。

我没有看到你的html的任何主要问题,虽然它没有验证alt属性和嵌入的东西。那些不应该影响你的布局。

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

+0

谢谢你完美的工作!我做了一些快速的研究,为什么{明确:两个}都修复了这个问题,我想我明白发生了什么,但不知道它和FF有什么关系。无论如何,真棒!好看!在这种情况下集中.bottom的最佳方式是什么?好的旧

为我工作,但CSS自动保证金左/右不起作用。任何额外的建议将不胜感激! – Serik 2011-04-13 04:41:11

+0

@Serik:看起来你已经集中它!如果这有助于解决您的问题,请通过点击复选框将其视为您的答案。如果你决定坚持下去,这是一种你想要进入的习惯;)GL与站点和jamz,我的分手建议是这样的:不要使用表布局,使用CSS。 – 2011-04-13 04:52:27

+0

再次感谢。随着我越来越习惯CSS,我一定会放弃这些表格 – Serik 2011-04-13 12:39:15

相关问题