I have noticed as I’ve been developing websites that there is a slight difference in the way that Microsoft Internet Explorer renders a web page over the way Google Chrome does. It is a very minor difference but in the end it can have a very profound effect on the over allĀ appearanceĀ of the page. Just look at the samples I’ve included and you’ll see how the rendering engines change the page between the two browsers.

Click On Image For Larger View:

Slight differences between IE9 and how Chrome display pages....

 

 

 

 

 

 

In Internet Explorer 9 it seems the whole paragraph spacing is off and when we get to the bullet points the last one is farther down and over to the left. The whole text layout of the page is different than how Chrome displays the page. This becomes very frustrating when designing a site across multiple versions of multiple browsers.

Look at the footer in this next sample and again we will see how Internet Explorer 9 handles the text alignment compared to Google Chrome.

Click On Image For Larger View:

Slight differences between IE9 and how Chrome display pages

 

 

 

 

 

Again it is only a slight difference but if this was a large group of text in the middle of a page and then you compound that error over the whole paragraph your text will look misaligned and not justified correctly. So it is always a good idea to check your work in multiple browsers during the development stage and work on getting the text and alignment of graphics the best you can across the different browsers.