2011-04-14 37 views
0

我有一個包含面板的GWT應用程序,其中包含未定義數量的各種寬度的小部件以及底部的常用描述和工具欄。該面板總是至少與工具欄一樣寬,並且在小部件更寬的情況下延伸。在webkit瀏覽器中100%寬度​​總是至少1個像素寬

我試着在工具欄較寬的時候在窗口小部件的右邊添加一個尾部邊框,但我似乎無法弄清楚。在Firefox和瀏覽器中它工作正常 - 如果有足夠的小部件,邊框縮小到0px。然而,在Chrome和safari中,帶邊框的div總是至少1px寬,這打破了設計的其餘部分。

誰能告訴我我做錯了什麼?我簡化了代碼here。紅色部分是固定工具欄,黑色部分是小部件(用鼠標懸停模擬變化寬度),問題邊框爲橙色(ID爲「border」)。我意識到代碼可能更好,但部分原因是GWT對錶格面板的癡迷。

希望這個問題有道理。

謝謝。

回答

0

如果工具欄中有小部件,將邊框設置爲0px如何?

+0

如果窗口小部件比工具欄更寬,那麼它應該只有0px,而不是根本就沒有。我試圖避免在Java(腳本)中計算它,因爲當部件更改寬度時(這會使事情變得更糟),它會導致問題。 – Mrki 2011-04-14 11:14:08

+0

如果它是0px,那麼小部件比工具欄更纖薄會發生什麼? – 2011-04-15 07:52:14

+0

在這種情況下,邊框應該是從小工具的結尾到工具欄的結尾。你可以在http://www.livenetlife.com/test.html(http://www.livenetlife.com/test.html)查看測試例子。 – Mrki 2011-04-15 11:46:09

0

你試過了嗎:display:none;我相信webkit默認將顯示器設置爲表格單元格。

+0

這將再次要求我檢查邊框是否有必要,並導致蹩腳的動畫或cpu時間的負載。它似乎是WebKit中的一個錯誤:[https://bugs.webkit.org/show_bug.cgi?id=39381](https://bugs.webkit.org/show_bug.cgi?id=39381)。不管怎麼說,還是要謝謝你。 – Mrki 2011-05-03 08:42:25

相關問題