2011-07-26 111 views
2

是否有任何问题如果我使用HTML 5中的位置:absolue属性?位置:绝对HTML5

position:absolute;left:somepx;top:somepx; 

它可以在所有浏览器上运行,或者语法颠倒吗?即时通讯使用的

 <!doctype HTML> 

和开发使用图像和一些文本的HTML格式,只需将它们放置在使用位置一个漂亮的方式:absolute.And IM使用我的Internet Explorer的可能是它的第7版我是这么认为的发展。但即时通讯担心它会在其他浏览器,如mozilla和谷歌铬没有错误的工作。它会保持所有浏览器相同的方式?因为所有的浏览器都会以相同的方式使用stackoveflow或Google的任何网页。我只是想知道他们遵循的是什么标准,这使得它们在每个浏览器上看起来都一样。

请让我知道有没有使用位置的任何伤害或陷阱:absolute.Thank你提前

回答

7

看起来你在制作网站时犯了一些错误。

  • 使用绝对定位你不应该。使用position: absolute来制作复杂的布局是不合适的。考虑寻找一些教程,以了解如何使用特别的float,clearmarginpadding CSS属性来构建布局。仅在明确需要的地方使用绝对定位。
  • 在网站开发过程中使用不符合标准的浏览器。 IE7是相当古老的浏览器,支持Web技术。这可能会导致您的网站只会在IE7中显示正常,而在其他任何浏览器中都会显得杂乱无章。你需要做的是在符合标准的浏览器中开发网站(不管是什么浏览器,只要确保你使用最新版本),然后在旧浏览器中检查网站(并且可能修复出现的错误)。不要忘记检查访问者使用的所有浏览器中的网站。如QuirksMode那样的兼容性表格通常是有用的。

回到原来的问题,浏览器不区分HTML的版本(只有标准和怪癖模式,但你不需要关心他们,因为你使用的doctype触发标准模式在所有浏览器);所以没有什么可以注意的。绝对定位应该(并且在大多数情况下)能够在IE8 +以及所有广泛使用的Firefox,Chrome,Safari和Opera版本中运行良好。再一次,你应该在所有广泛使用的浏览器中测试你的网站;你会发现可能的浏览器错误和incompatibilites然后。

0

那么它无关,与HTML5,这是基本的定位。

让你的网站在所有浏览器中显示相同的过程并不是一个简单的过程,你应该看看重置样式表或者在很多浏览器中测试你的网站。
特别是旧版浏览器有更改设计的方法。

-1

绝对定位是css3的一部分。 html5只是javascript + html + css 的独特功能组合。所以,它应该与所有浏览器一起工作。但所有的浏览器将如何显示,你需要在最近的版本中使用chrome,mozila,safari,opera等。 浏览器兼容性可能会发布一些时间。所以,不要担心,最好是修正和修正变化。