奇怪的Safari瀏覽器渲染

我正在測試我正在爲之工作的網站和Safari上的新模板我有一個非常奇怪的行爲，其中一頁（一張桌子）遠遠地在右邊，大約631像素，並且我不知道爲什麼會發生這種情況，以及如何解決這個問題。奇怪的Safari瀏覽器渲染

有人可以幫助我嗎？這裏的頁面：

http://www.ilsegnale.it/?tpl=502

來源

2010-03-26 Terix

您不應該使用表格進行佈局。 – 2010-03-26 16:01:26

這不是一個真正的答案，是嗎。 – dclowd9901 2010-03-26 16:09:20

我已經嘗試過使用無表格佈局，但所有瀏覽器的問題對於像這樣（複雜的）佈局來說真的太多了（你不希望在IE6中看到這種佈局不會變得很困難）。我知道無表會更好，但我沒有時間去解決所有問題。 – Terix 2010-03-26 16:28:00

菜單中<a>標籤的高度設置爲43px。這太高了，箱子在菜單欄下方延伸。因爲您的<li> s是float:left，表格「捕獲」在最後一個。

解決此問題的一種方法是將style='clear:both'添加到相關表中。您也可以將<a> s的高度降低到約35px。

來源

2010-03-26 16:36:02 jhurshman

風格，它的工作！謝謝！ – Terix 2010-03-26 16:42:51

是的，這就是我想要的，但他的解釋要好得多。不錯的工作J. – dclowd9901 2010-03-26 16:46:47

它看起來像你的最後一個按鈕「Redazione」是推動對你的主要featurelet的表的內容。嘗試從該按鈕上調整高度。或者你可以嘗試將你的表格顯示爲一個塊，這也應該起作用。賠率是，如果該按鈕是這個問題，您的最佳解決方案將是確保UL成爲您的導航欄和中間內容之間的保證金的基礎。您應始終使用容器元素設置外部邊距，並確保元素的尺寸不會超出其容器。

來源

2010-03-26 16:07:03 dclowd9901

將周邊div添加到導航欄或內容中並沒有解決問題，但在UL關閉後添加了一個
，允許表格的右對齊，但在導航和內容之間添加了很多空間 – Terix 2010-03-26 16:25:08

奇怪的Safari瀏覽器渲染

回答

相關問題