2011-10-24 48 views
0

所以我開始調整這個頁面的html/css。據我所知,沒有什麼特別的。唉! Firefox中的最後一分鐘瀏覽器/ CSS Quirk - 任何人都可以幫忙嗎?

現在看起來完全錯在Firefox(see for yourself)和精細的其他瀏覽器,我能想到的。該html已由W3工具驗證。我很神祕,有沒有人遇到過這個?

+1

您需要清除菜單上的浮標。 –

+1

更新: 謝謝大家,您的迅速和完全正確的答覆。我不會在一百萬年內得到這些;-)。我已經標記了你所有的+1並接受了代表性最低的人提交的答案。 CSS是一個善變的女主人。 – 5arx

回答

1

你只需要清除浮動。嘗試將其添加到樣式表中:

table.layouttbl 
{ 
    clear: both; 
} 

This might help too

+1

儘管這樣做有效,但沒有理由讓這個菜單浮動,這是爲了抵制之前的黑客攻擊。 –

1

嘗試清除放置在菜單上的浮點數。

<table cellspacing="0 " cellpadding="0" class="layouttbl" style="clear: left;"> 

你可以把它放在一個實際的樣式規則中,或者添加另一個元素並將clear添加到該規則中。

1
  • 添加overflow: hidden.pageSite.css (line 108)
  • 添加一個新的屬性:.layouttbl {float: left}

這修復了Firefox中的問題。請務必在其他瀏覽器中檢查該網站。

1

您的菜單div無需浮動,從該#divMenu刪除浮動。小心,因爲你在2個不同的地方定義#divMenu

相關問題