Max-width in select tag not working in IE

Question

Max-width in select tag not working in IE

I have a select tag, ... like this, ..

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

he works in the FF, .. but not there .. than I change the max-width to the width of style="width:150px"
it works both .. but ..
in ie ... the text is truncated

Can anybody help me? am i doing wrong? Is there a better way to fix this?

Sorry if my english is bad :(

+3

html css internet-explorer

Egy mohammad erdin Dec 15 '10 at 3:23

source share

2 answers

jQuery , .

select Internet Explorer [6/7/8] , , .
select Internet Explorer , , [ ].

+2

thirtydot 15 . '10 3:41

Andy West · Accepted Answer · 2010-12-15T03:43:18+0000

Here is an article that can explain why max-width does not work in the version of IE you are using:

max-width in Internet Explorer

It shows an example of modeling maximum width in IE using CSS expressions:

<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>

: CSS, .

Max-width in select tag not working in IE

More articles: