我有一種感覺,你正在運行到一個盒子模型的問題,因爲你正在渲染怪癖模式。 IE7 +和所有其他瀏覽器使用W3C盒子型號,而IE6使用IE盒子型號以怪癖模式。
IE框模型(被稱爲傳統框模型),包括元素的寬度/高度的填充和邊框。
在IE框模型下,寬度爲100px,每邊2px填充,3px邊框和7px邊距的框將具有114px的可見寬度。
W3C盒子模型(這是標準盒子模型),從元素的寬度/高度中排除填充和邊框。
在W3C框模型下,寬度爲100px,每邊2px填充,3px邊框和每邊7px邊距的框將具有124px的可見寬度。
Box Models http://www.456bereastreet.com/i/box-model.gif
爲了使IE使用W3C盒模型(這是所有其他瀏覽器使用),需要在嚴格模式來呈現你的頁面。默認情況下,IE以怪癖模式呈現。
爲了在IE中觸發嚴格模式,您必須指定文檔類型。您可以使用以下任何文檔類型的:
HTML4嚴格:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd" >
XHTML 1.0嚴格:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1。0過渡:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
您的文檔類型必須首先出現在您的頁面上。它甚至在<html>
標籤之前。 (添加一個<?xml>
序言會導致IE返回怪癖模式,所以如果你有它,請將其刪除)。
約怪癖/嚴格的模式在這裏
的更多信息:
CSS - Quirks mode and strict mode
雖然加入DOCTYPE切換標準模式可能不會解決所有的問題,你至少需要巨大的一步在正確的方向。
這就是爲什麼我們在爲人們工作時簽訂合同 - 我希望爲了您的緣故,客戶爲IE6兼容性工作付出額外費用...... – ijw 2009-09-02 13:14:05