How to make your webpage IE8 compatible

Follow these steps, to make your webpage IE8 compatible. Feel free to add more pointers in comments.

1. Make your webpages Xhtml 1.1 compatible by adding this on top of your .aspx or .html page

< ?xml version="1.0" encoding="UTF-8" ?>
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

2. Remove all Inline Styling

Donot use inline styling

[table style=”width:100px;height:200px;background-color:#ebebeb;”] [/table]

Instead use

.tableStyle1 {
width:100px;
height:200px;
background-color:#ebebeb;
}

[table class=”tableStyle1″] [/table]

Replace ‘[‘ & ‘]’ with ‘< ' and '>‘

3. Validate your CSS using

http://jigsaw.w3.org/css-validator/#validate_by_uri+with_options

Profile : CSS Level 2.1
Medium : ALL
Warnings : ALL or Normal Report

4. Use XHTML equivalents for outdated / deprecated html tags

Click here to view new XHTML Constructs

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: