2010-03-26 138 views
1

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

有人可以幫助我嗎?這裏的頁面:

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

+0

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

+2

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

+0

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

回答

4

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

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

+0

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

+0

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

0

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

+0

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