2011-06-02 29 views
0

你令人驚訝的善良和聰明的人。考慮下面的HTML:如何在IE 8中停靠div?

<html> 
<body> 
    <div id="Panel1" style="position: absolute; bottom: 0; right: 0; top: 0; 
     width: 259; background-color: #00FF00"> 
     <input type="button" style="position: absolute; 
      left: 161; top: 30; width: 75; height: 25" tabindex="3"/>   
    </div> 
</body> 
</html> 

我在做什麼這裏對接格在屏幕的右側,使其從頂部向底部延伸。這在Google Chrome中完美工作,但不在IE8中。

我已經在這裏上傳了這裏的頁面http://losthobbit.net/temp/testdoc.html,以便讓您的生活變得輕鬆一些。

任何想法,我怎麼能得到這個工作在IE瀏覽器?

謝謝!

+1

[無效HTML(http://validator.w3.org/)與[無效CSS(http://jigsaw.w3.org/css-validator/)? – Quentin 2011-06-02 10:47:53

+0

由於某種原因,我沒有注意到這個評論,直到有人指出。 – 2011-06-02 13:08:35

回答

0

,只需添加一個有效的doctype和你做;)

例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+0

我給了一個鏡頭......(見http://losthobbit.net/temp/doctype.html)......現在它根本不起作用。我究竟做錯了什麼? – 2011-06-02 10:59:03

+1

你的你是我的寵物; – DanMan 2011-06-02 11:06:12

+1

@丟失霍比特人 - 它加入嚴格的文檔類型後根本不起作用的原因是HTML和CSS是無效的,而'strict' doctype強制有效性。修復代碼,這個文檔類型將工作。請參閱@ Quinten的評論,瞭解如何驗證它們的鏈接。或者,使用一個非嚴格的doctype,就像'<!DOCTYPE html>'一樣。 – Spudley 2011-06-02 12:41:12

0

我必須在我年老時失去它...

我所要做的就是將高度設置爲100%。