I'm not sure if I understand? You want the select box to be small even though there is a large item in it? And only to expand out when the large item is selected? Select boxes by default expand to contain the largest item in the list.
This sounds more like a javascript fix, perhaps on the large <option> entry you could call an onchange event to expand the select box out to fit the item, this will still break your page when that option is selected. I still get the feeling I'm not understanding what you're trying to do though. I can't understand why you're trying to set the width on the <option> instead of on the <select> tag. I'm not even sure you can style option tags, I guess they're block style layouts rather then inline!? S -----Original Message----- From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Bojana Lalic Sent: Monday, 15 January 2007 4:36 PM To: [email protected] Subject: RE: [WSG] Setting width on the Select element of the form (problem in IE) I already have set the width on the option. The thing is, that the selected value (which also appears when no dropdown items are showing) is a lot smaller than some of the options. Due to a limited amount of space on the page I've had to fix the select width... -----Original Message----- From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Samuel Richardson Sent: Monday, January 15, 2007 3:56 PM To: [email protected] Subject: RE: [WSG] Setting width on the Select element of the form (problem in IE) Why are you setting the width on the option and not the select box? -----Original Message----- From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Bojana Lalic Sent: Monday, 15 January 2007 4:17 PM To: [email protected] Subject: RE: [WSG] Setting width on the Select element of the form (problem in IE) This is ridiculous! I just tried setting the width for the option #xxxxx select option{ width: 500px; } And it works in FF but not IE :( -----Original Message----- From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of John Faulds Sent: Monday, January 15, 2007 2:58 PM To: [email protected] Subject: Re: [WSG] Setting width on the Select element of the form (problem in IE) > why does it work the way I want it to in all other browsers? :-( Because it's IE and IE often does things its own way which can be a PITA but something you just have to live with. As far as I know, there's no way around your problem in IE - you either give your select a width wide enough to cover the longest option, reduce your option text, or put up with IE truncating the options. -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
