2012-02-24 37 views
0

對不起,對於HTML/CSS通常很好,但我堅持這一點。間距在IE瀏覽器(HTML/CSS問題)

基本上,我有一個標題,下面是導航,然後是一個小空間,然後是一個區域,用於網站的內容。它在Firefox中運行得非常好,但令人生氣的是,在IE中,小空間變得相當大。在indexbody類中降低margin-top的值可以修復IE的問題,但是對於Firefox來說,完全消除了任何差距。

我的代碼在這裏。如果需要,我可以提供更多的:)

感謝加載提前! :)

*代碼編輯了:再次見到http://jsfiddle.net/eoJ1/PRjF7/http://www.joemarketeer.com/stackoverflow/index.html :)

謝謝!對不起,文字牆。

+1

你可以做一個http://jsfiddle.net/或http://jsbin.com/測試用例嗎? – thirtydot 2012-02-24 11:58:11

+0

會做。將上傳完整的文件到我的服務器幫助? 編輯:我已經上傳到我的服務器:http://www.joemarketeer.com/stackoverflow/index.html我會上傳到jsfiddle現在:) – Joe 2012-02-24 12:05:30

+0

像jsfiddle的東西會更好,因爲它永遠不會更改。使用服務器上的實時代碼,可以讓人們在不同的時間查看不同的事物,如果它發生了變化。 – anothershrubery 2012-02-24 12:07:58

回答

1

這是因爲IE瀏覽器正在註冊您的「導航」div上的高度,並且您還使用margin-top:90px來添加間距。而其他瀏覽器則忽略了「導航」高度,基本上只使用您的內容區域中的margin-top:90px。

在該導航div上使用帶有浮動的clearfix,然後在導航欄上使用「margin-bottom:30px」而不是在內容區域上使用「margin-top:」。

+0

謝謝,它工作完美:) – Joe 2012-02-24 14:16:43