Hi,
I am working on an ecommerce site with a fixed width layout. Within the
layout I have a 150px wide column where I am presenting the product options.
I am trying to keep the SELECT format within the 150px boundary and
would like the pulldown OPTION list to size to the dynamic width of the
options themselves. It works correctly in Firefox 2.x and truncates the
option presentation in all versions of IE that I tested with. From
examining the contents of the DOM, it looks like IE does not recognize
the width parameter for options, and will over-ride it with the
containing SELECT width if it is specified in the SELECT.
Any ideas or workarounds would be greatly appreciated! Here is the CSS
and simple html example.
<style type="text/css">
#container {
width: 150px;
border: 1px solid #f00;
padding: 10px;
margin: auto;
background-color: #eee;
}
#container select {
width: 150px;
}
#container option {
background-color: #f00;
color: #fff;
width: 700px;
}
</style>
<div id="container">
Select a Product: <select>
<option>Select One...</option>
<option>Really, really long option that is longer than the
select width</option>
<option>Here is another really long option that is longer than
the select width</option>
</select>
</div>
THANKS!
Derrick
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
