Solved

Internet Explorer List/Menu CSS Width Issue.

Posted on 2006-06-26
3
2,069 Views
Last Modified: 2009-07-30
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
Comment
Question by:craigweb2k
3 Comments
 
LVL 30

Accepted Solution

by:
GrandSchtroumpf earned 300 total points
ID: 16982768
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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
IE issues 1 45
IE Edge 35 84
windows 10 6 53
mozilla , IE, Chrome how to add bunch of URLs to one book mark folder and open all of them once 23 74
After uninstalling Opera browser (for example ver. 10.63), your attempts to open a web page by clicking on a URL link may fail with an error message.  The error is "This operation has been canceled due to restrictions in effect on this computer. Ple…
I recently found myself in a Corporate Situation where the client had requested blocking access to any and all websites except his own Domain? Easy? I am sure this would be your answer but their requirement was, this has to be done without using…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question