Browse Tags

Search

Login

Browse by tag:

Here's something I discovered a few days ago. If you set a width on a select box in CSS (style="width: ##px;") and you have an option with text that is wider than the ##px, the text in the "option" tags gets chopped off. In fact, the "option" tags only display as wide as the ##px width you've set. This problem is only in Internet Explorer, of course. Safari and Firefox seem to do what you would expect and show you *all* the text, unless you set a width on the "option" tags, then the text gets cropped. However, IE doesn't respect widths on an "option" tag, so there's no fix AFAIK. Pretty damned annoying, especially when the client needs a select box set to a hard width to fit inside something else. I wasn't able to figure out a solution and it seems to be a
Read More »

Permalink Comments

I've dealt with this problem before and completely forgot about it until a couple days ago... When it came up again :-)

The problem has to do with secure and un-secure elements on a page. If you create an iframe without a "src" attribute, and you are on a secure site, Internet Explorer will throw a security error. Obviously, this is not what we want to see; especially when the client is a huge insurance company. The solution, clearly, is to simply provide a "src" attribute"..

<iframe id="select_box_hider" ></iframe>

Why would you create an iframe without an src? Good question. The reason is to hide <select> elements in IE6 when a floating <div> is over them. The user will never even see the iframe, so I figured I could skip the "src" part. You need the iframe because IE6 behavior is that a <select> is always on top of everything, regardless of assigned z-index...

Read More »