2010-12-15 19 views
3

で働いていない私はselectタグを持っている、...このような ..selectタグ内の最大幅はIE

<select style="max-width:150px"> 
    <option value='1'>bla bla bla bla bla bla bla ...(let's say a long words) 
    ...... 
</select> 

それはFFで作品..しかし、ではないIEの..より私は、最大幅を変更style="width:150px"
幅と、それは両方で動作し、..しかし、IEの...
だ...テキストは

誰も私を助けることができる切り捨てられているのですか? 私は間違っていますか? これを修正するより良い方法はありますか?私の英語の悪い:(

+1

[Internet Explorerのドロップダウンリストの幅](http://stackoverflow.com/questions/73960/dropdownlist-width-in-ie) – BalusC

答えて

6

の最大幅は、使用しているIEのバージョンでは動作しない理由を説明するかもしれない記事です:

max-width in Internet Explorer

それはMAX-をシミュレートする方法の例を示していますCSSの表現を使用してIEの幅:

<html> 
<style> 
body { 
width:100%; 
margin:0; 
padding:0;} 

p { 
border:1px solid red; 
max-width:800px; 
width:expression(document.body.clientWidth > 800? "800px": "auto"); 
} 
</style> 
<body> 
<p> 
[a lot of text] 
</p> 
</body> 
</html> 

免責事項:I'm not a fan of CSS expressionsが、これはとにかく、動作するはずです。

+1

ちょうど頭が上がる。最大幅のリンクが機能しなくなります。 –

2

This jQuery plugin修正あなたが記述している問題があれば

申し訳ありません。

Internet Explorerのselect要素の固定幅を設定する[6/7/8] ます選択範囲の幅よりも広いすべての選択オプションが切り取られます。

このプラグインを適用すると、Internet Explorerのselect要素が のように動作するように見えます[近代的なブラウザ]のorkここで

+2

ここでjQueryを求めているのは誰ですか? ;) – Sander

+0

@Sander:これをJavaScriptなしで修正することができた場合、*なぜ上記のjQueryプラグインが存在するのでしょうか?受け入れられた答えはまた、JavaScriptを使用しています(CSS式、[悪いですし、JavaScript *に置き換えてください!](http://code.google.com/speed/page-speed/docs/rendering.html#AvoidCSSExpressions ))。 JavaScript *を少しでも使っているのであれば、jQueryなどのライブラリを使用することもできます。あなたがこの問題に対する純粋なCSSソリューションを見つけたら、それを共有してください。あなたのdownvoteは正当です。そうでなければ、何の理由もなくこの問題に対する有効な解決策をdownvotingしています。 – thirtydot

+0

@Sander:コメントにリンクされている質問もご覧ください。http://stackoverflow.com/questions/73960/dropdownlist-width-in-ie驚き、それはJavaScript/jQueryの修正でいっぱいです。 – thirtydot