2011-07-26 159 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等。 瀏覽器兼容性可能會發布一些時間。所以,不要擔心,最好是修正和修正變化。