Displaying Websites on IE Browsers correctly

As most non-flash sites use xhtml and css only, webdesigner (or those who realize such tricky designs) must face with issues that in the end this website has to be displayed correctly — some kind of platform/browser independency. Indeed, (X)HTML is standardized by the W3C, but web-browser render websites totally differently — caused by bugs mostly (IE). This becomes quite cruical, as for ex. designs require precisely fitting their components.

Taggings:

Submitted by Bernhard Scheuer on Wed, 11/05/2008 - 14:24
1 answer

Using CSS Hacks to deal with browser inconsistencies (IE)

There are numerous approaches to deal with this quite annoying issue. One pretty common and quite practical workaround is using CSS Hacks exploiding a webbrowser's parsing bug or non-compliant 'processing'.
Special annotations in CSS-files enables to hide or display certain sections to serve up the 'correct' values to corresponding browsers.

Lines annotaded with * are processed by IE-Browsers only.
e.g.:
* aBox {
width: 300px;
height: 100px;
}

Another specific hack is defining special conditions as comments within the HTML in order to load browser's corresponding css file:
e.g::
< !--[if IE] >
< link rel="stylesheet" type="text/css" href="iehacks.css" / >
< ![endif]-- >

Submitted by Bernhard Scheuer on Sun, 11/16/2008 - 22:44

Taggings: