使非常简单的html页面跨浏览器与CSS兼容

时间:2012-05-16 20:46:52

标签: css html cross-browser pre

我有这个“网站” - > http://www.krlja-ustvari.hr

它在Google Chrome中非常“完美”。 “完美”我的意思是内容总是100%宽度和100%高度,隐藏溢出的东西,没有<br />标签就行换行。这正是我所需要的。
但是,当我在Firefox或Internet Explorer中查看同一页面时(未与其他浏览器一起查看),我可以看到垂直滚动条。这正是我不想要的。

我的问题很简单:如何在Google Chrome等所有浏览器中制作此页面?

非常感谢您的帮助!

2 个答案:

答案 0 :(得分:2)

如果您在主体/文档中根本不需要滚动条

   <style type="text/css">

   body { overflow:hidden; }
   </style>

答案 1 :(得分:2)

我相信如果您将#content上的min-height:100%声明更改为height:100%,那么您应该可以在其他浏览器中使用。

当我在Firebug for FF中编辑你的页面时,这很有用。