Let’s suppose that you have an <iframe> element that you are using in a UI, and you don’t want to show the inset 3-D border that is the default. How do you hide it?

If you are a sane web developer, you would simply edit the style property, adding something like:
style="border:0;"

Now, if you were testing in Firefox, that worked like a charm. If you were testing in IE, if does not work at all! So what do you do? Simply look in the lovely documentation on MSDN, and find the obscure property named frameborder, and set that to 0. So, to work in both IE and FireFox, you have to do:
<iframe frameborder="0" style="border:0;" />

At least you have one thing to keep you from crying all night tonight: That this incompatibility between the two was solved by adding more stuff, instead of having to change it based on the browser. Isn’t this web development thang so much fun?

Popularity: 16%