[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2083
  • Last Modified:

Internet Explorer List/Menu CSS Width Issue.

Hi all.

I'm currently working on the following web page: http://www.clubsail.com/form.php

The offending code is the following:

<select name="pracqual" id="pracqual" style="font-size: 11px; margin-left: 1px; vertical-align: middle; width: 80px; margin-right: 1px; height: 18px; text-align: left">
        <option value="999999" selected="selected">Select</option>
        <option value="None">None</option>
        <option value="Powerboat Level 1" >Powerboat Level 1</option>
        <option value="Powerboat Level 2">Powerboat Level 2</option>
        <option value="Intermediate Powerboat">Intermediate Powerboat</option>
        <option value="Advanced Powerboat">Advanced Powerboat</option>
        <option value="Safetyboat">Safetyboat</option>
        <option value="ICC Assessment">ICC Assessment</option>
</select>

Basically if you view this list item (or any on the page for that matter in FireFox) the actual elements within the list stretch accordingly. View the same page in IE however and the list elements are all cut off at 80px. I've tried adding a style tag to the option box and setting it to 190px on the off chance it would work, and ironically it worked fine in Fire Fox but not in IE.

So my question is this... is there a workaround to this issue? Questions on a post card.
0
craigweb2k
Asked:
craigweb2k
1 Solution
 
GrandSchtroumpfCommented:
That's how IE handles select elements.  There is nothing you can do about it.
Your best option is not to specify any explicit width on the select elements.
0

Featured Post

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now