How to add specific style/script for IE in HTML?

There are times when we want a specific style or stylesheet or a javascript to be rendered only in IE and not other browsers such as FireFox. If this is so, then you can do so by adding following if and endif declarations in the HTML. Insert the style or stylesheet or javascript that needs to be rendered only by IE between the if and endif declarations in the HTML.

<!- -[if IE]>

Style or Stylesheet or JavaScript that should be rendered by Internet Explorer (IE) only will come here.

<![endif]- ->

Min-Height

Majority of the web page layout require side navigation column and the content column to expand vertically equal. This can be a challenge when we prefer to use div rather than tables for layout.

I explained one of the most useful hacks that create an appearance of two columnar div’s expanding vertically equal to each other. However, there are times when we actually want both the columns to have equal height. The solution can be min-height – a very helpful CSS property. However, it doesn’t work in IE. It works in FireFox. Continue reading Min-Height

How to Use ems for HTML Font Size?

HTML font size is specified in CSS stylesheet using pixels, ems or keywords. I have rarely found keywords much useful. Using pixel guarantees control over the look of the web page but the issue is that if we use pixels for font size, then the web page is not as accessible in IE.

For example, open this web page in IE and select “largest” for the text size under “View” menu as seen in the screenshot below:

How to Increase Font Size In IE

Continue reading How to Use ems for HTML Font Size?

FireFox Extensions

FireFox is the best thing that happened in the browser industry. I am a compassionate FireFox user. However, I do not disregard Internet Explorer at all. As a HTML coder, I find diversity in browsers a blessing. This is because when one browser forgives an error the other browser will display it. Hence, it’s all good!

Here, I want to recommend following FireFox extensions that are helpful to a web developer.

Continue reading FireFox Extensions