某些浏览器中的CSS Float问题?

时间:2014-04-06 03:20:16

标签: css cross-browser css-float multiple-columns

这是我的第一篇文章,我很高兴能够加入这个社区! :)

我从IT / SysAdmin跳船到我自己工作,并做网页设计/开发。我需要释放我的创意果汁!

随着知识的增长,我期待着尽可能多地学习和帮助!

- 好的,这是我的问题。我很擅长这样做,我的第一个项目是在一个月内用于慈善舞会的实物网站。我已经开始使用我所知道的CSS和HTML(仅复制导航菜单的CSS的某些部分)来进行布局。在Chrome中,该网站看起来像我想要的!在IE,Safari和Firefox中,我的浮动元素不在正确的位置!另外 - 我做了一个3列布局,除了Chrome之外,它也从我想要的位置移动。

我应该使用位置属性而不是浮动这些元素吗?

希望我没有要求任何人给我一些关于如何解决这个问题的合理建议,我也可以将它应用到所有未来的网站!我试图干净整洁地组织网站。我已经完成了Lynda.com的HTML和CSS教程。但是,没有什么能像现实世界的经历那样!

我没有提供任何东西,但我可以为你的回复+1,或者这个论坛有效!哈哈 - 非常感谢所有帮助!

到目前为止,我花了10个小时来构建网站,但其中包括图形。如果我的答案在另一篇文章中找到,我道歉。我现在要睡觉了 - 而且我还是新人 - 我想我的回复会比我浏览文章和尝试多种方法来解决我的问题更快。

网站位于:http://www.niagaramasquerade.com/Untitled-2.html

非常感谢大家! - Aaron Zitello

1 个答案:

答案 0 :(得分:0)

尝试在容器div上添加clear:两者:

#col_container {
    clear: both;
    margin-top: 104px;
}