2011-12-23 73 views
2

我打開我的網站(我的第三個高性能框架),希望有人會幫助我解決問題。jQuery,表格,CSS和更改tr寬度:有什麼不對?

這裏有一個完美的作品頁面,去那裏:

http://www.papdevis.fr/recherche/

您將看到:

good url

點擊這個(假)按鈕:

"De l'aide ? Cliquez ici"

當你按一下按鈕,它的大小不會改變(這就是我想要的),像這樣:

good url 2

看到了嗎?它開放很好,很好!

現在相同的JavaScript,同一ID,但在一個表:

http://www.papdevis.fr/devis-creer-editer/

您將看到:

problem before click

點擊相同的(假)按鈕:

"De l'aide ? Cliquez ici"

和errrrrrrg !!!寬度改變!怎麼看:

problem after click

看到了嗎?它怎麼不起作用?我絕對不知道問題來自哪裏。 我一直在嘗試改變td大小和我能找到的所有東西(包括數十個jquery/table /調整大小的stackoverflow問題),但我沒有設法正確地「顯示」「幫助」<tr>:它從來沒有調整到正確的寬度。

此代碼的js文件metier.js是有問題的:

slides.hide(); 
$('#slideInner').fadeOut('slow', function() { 
    $(divEnglobe).show('slow', function() { 
    slideWidth = $(divTailleReference).innerWidth(); 
    slides.css({ 
     'float' : 'left', 
     'width' : slideWidth 
    }); 
    slides.show(); 

如何來?

+0

在兩地都適合我。 FF 8。0 Win7 – Chad 2011-12-23 15:08:58

回答

2

tdtr元件直列元素和不能有寬度

如果你想使元素display: inline-block,它會工作!
它支持all major browsers

編輯:我很快就發佈了可能的答案,但我現在看到你的代碼已經就像你在我的瀏覽器(Chrome,Windows 7中)之意。問題可能是別的!

+1

td可以使用css/style的寬度,但tr肯定沒有寬度。 – 2011-12-23 15:12:07

+0

再次以爲你可以內聯tr。只有一些瀏覽器不會喜歡這個。 值得一提的是,內聯塊在IE7中不起作用。但誰現在在乎他們的IE自動更新:) – 2011-12-23 15:16:54

+0

更新我的問題是,也許...有點更清楚 – 2011-12-23 15:18:40