2011-09-11 47 views
-1

我爲博客平臺Tumblr做了一個主題,它在除IE以外的所有瀏覽器上都能正常工作。IE中的定位問題

IE不會修復屏幕底部div的位置,並將所有內容壓扁到左側,而不是將其中的大部分都固定在右側。

地址是009panelstheme.tumblr.com

下面是在IE中的截圖:在Chrome http://i56.tinypic.com/2b30jk.png

同一件事:http://i55.tinypic.com/2d8172o.png

我已經試過了整個文檔類型的事情,我發現有人誰說增加這條線:

<!--[if IE]> 
<style type="text/css"> 
@media screen { 
* html {overflow-y: hidden;} 
* html body {height: 100%; overflow: auto;} 
} 
</style> 
<![endif]--> 

但我沒有做的工作。

任何建議將是美好的。非常感謝。

+2

如果您需要幫助,您應該將您的代碼複製到http://jsfiddle.net,以便我們可以輕鬆使用它。否則,我們很難找出你的問題。 –

+1

[驗證,驗證,驗證](http://validator.w3.org/check?uri=http%3A%2F%2F009panelstheme.tumblr.com&charset=%28detect+automatically%29&doctype=Inline&group=0) – Quentin

回答

0

您嘗試添加文檔類型失敗。使用IE的開發工具(按F12),你可以清楚地看到它在怪癖模式下呈現。在Developer Tools中將其更改爲標準模式可以使其工作。

當我看源,我看到:

<meta http-equiv="x-dns-prefetch-control" content="off"/><!DOCTYPE HTML> 
<html lang="en"> 
... 

doctype需要在頁面上的第一件事!

meta標籤從哪裏來?你可以將它移動到head

說到這,進一步下跌的頁面我看到這一點:

<header> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    ... 

header是不是你應該使用那裏。這是headheader is something else entirely.

+0

真棒回答糟糕的HTML嘗試。 – 2012-04-13 15:14:03