2011-06-24 84 views
0

我有以下問題,我不知道如何解決它。我有一個HTML表格,其中一個單元格包含一個輸入元素。我的問題是,在Firefox中,當輸入的內容溢出輸入寬度時,文本將被隱藏(這是我想要的行爲),但在Internet Explorer 6中,輸入的寬度將自動擴展,並且整個頁面格式將轉爲因爲它而死。 我一直在做一些谷歌搜索,它都指向IE 6中所謂的「溢出漏洞」,但我完全不知道如何解決它。HTML Internet Explorer 6溢出錯誤

我試着設置溢出:隱藏在輸入元素和包含單元格(td)沒有效果。我也嘗試再次設置最大寬度而沒有成功。

任何想法?

重要由於我工作的應用程序編程我只能修改元素的CSS,而不是其他HTML屬性的方式...

+0

你寫的代碼是什麼?我可以看嗎? –

+0

@Ahsan Rathod我希望我能告訴你,但HTML是通過一系列非常複雜的Java方法調用生成的。我可以告訴你一個CSS提取 –

+0

嘗試編輯像我在我的答案 –

回答

0

你可以在對話框中設置最大輸入字符這可能有助於解決它!

堅持試試這個CSS!

table { 
    table-layout: fixed; 
} 
+0

編輯對不起,我忘了提及,由於我工作的應用程序的工作方式,我只能修改CSS而不是HTML的屬性元素... –

+0

這是CSS!你可能需要使選擇器更具體,但應該工作! – Treemonkey

+0

謝謝:)我只注意到你答案的第一部分。讓我試試看,我會盡快回復 –

0

第一個問題是:你真的需要支持IE6嗎?即使微軟停止支持它,一個標誌是不是?

http://www.w3schools.com/browsers/browsers_explorer.asp

你可以嘗試把你的DIV裏面的TD。以div的樣式設置固定寬度並將其溢出設置爲隱藏。然後把你的輸入框放在div中。 這種方式即使輸入框展開,它應該被div隱藏溢出隱藏。它可能不是很漂亮,因爲盒子在最後看起來會剪斷,但它不會破壞你的設計。

我不確定它會工作,因爲它可能不符合CSS的其餘部分。

+0

不幸的是我需要顯然應用程序的客戶我開發人員還沒有學過新的瀏覽器版本......另外,我不能真的在TD內部添加另一個DIV,這意味着我會改變一些生成HTML的Java類,用於各種其他地方,以及誰知道會發生什麼,我能做的唯一安全的事情就是改變現有元素的CSS。哦,我喜歡企業發展:) –

+0

我必須說,即使在我爲IE6編寫網站時,我從未遇到過這種行爲。爲了確保我明白:在單元格中有一個文本框輸入,並且當您在文本框中輸入內容時,其大小會根據您鍵入的文本而改變?我們正在討論一個元素? – Yahel

+0

是的。究竟。輸入變大以適應正在寫入的文本。在CSS中設置固定寬度或最大寬度不起作用。 –

0

使用此:

input [type=text] { 
    width: 100px; \\ That suits you best 
    overflow: hidden; 
    padding: 2px; 
} 
+0

試試這個,希望它能正常工作。 –

+0

不...我已經嘗試過,並且在包含td上設置溢出,但它不起作用。 –

+0

試試這個css屬性:'white-space:nowrap;'然後告訴我它是否有效? –