2012-04-29 107 views
0

我有一個表格,當前包含我的網站的主要佈局(http://www.enl-esports.com)。Safari +表格+寬度問題

ID爲「menu」的表格列的指定寬度爲150px,但它隨機決定在Safari中變爲160px。我沒有填充,也沒有餘量,當我刪除它的內部HTML(這可能迫使它變得更大......)時,問題仍然會發生。它在Chrome中正常工作。

我已經嘗試使用固定的表格佈局(在這裏找到:http://www.w3.org/TR/REC-CSS2/tables.html#width-layout),它沒有解決問題。

你可以看到大多的這個頁面在這裏找到:http://www.enl-esports.com/seasons/

回答

1

我想這可能是與在Safari中列出的臭蟲這並沒有設置爲0利潤率/墊襯可以縮進項目但事實並非如此。

我做了discorev是你的html非常無效。例如,允許作爲無序列表中的子元素的唯一元素是列表項(li),但在該菜單中,您將錨定爲無序列表的直接子元素。

無效的html總是會導致跨不同平臺/瀏覽器的怪異行爲,我懷疑這是其中之一。

然後theres使用上個世紀的表格佈局的問題,你可能應該感到羞愧(沒有很好的理由,你應該在這個佈局中使用一個)。

無論如何,開始修復你的問題在這裏看看,並沿着列表解決這些問題:

http://validator.w3.org/check?uri=www.enl-esports.com

+0

我向來使用表...問題是,我需要爲了得到我的佈局正常工作。因爲我改變了佈局很多,我可能會恢復,所以我會記住..(爲什麼我需要表?由於藝術品和CSS不允許幾個項目的最小高度爲100%), 。 –

+0

@AntwanvanHoudt http://peterned.home.xs4all.nl/examples/csslayout1.html – sg3s

+1

問題是,我有一個第二個菜單,我想動畫(帶有id secondMenu的td),當某個按鈕是按下。在寫這篇評論的時候,一個燈泡在我腦海中翻轉,現在Iam將嘗試一些可能可以解決我的問題而不用表格的東西。 –