Hi All!

While creating HTML pages, the biggest (and the only) problem I face is with CSS. It show a bit different positions in IE and other browsers like FF and Opera.

I just wonder if there is a easy and handy fix for this. Or do we have to write different codes for both i.e. conditional CSS?

Thank You

that is the problem of all designers.
IE fixes ...

IE is an idiotic browser that doesn't understand CSS.
In order to make your page cross browser compatible you need to make a new CSS for IE... and use a <-if IE> code that will overwrite the default CSS.

blame microsoft for their shit browser, and just when we thought we got the hang of IE5 and 6 fixes ... they make IE 8 that is a big piece of sh*t and is totally incompatible

Hey,

Unfortunately this is something that designers world wide suffer with on a regular basis, including here at TWS.

IE displays the CSS in a standard format without regards to directional commands where as Firefox etc show the code exactly how it is requested.

To get around this you can add smart tags that are designed to work in versions of IE such as the following examples









Personally adding these smart tags to all elements is a bit of a pain so i opt for the second CSS, You can also specify this second CSS or even a third to target certain browser versions





You can then use a sandbox such as xenocode to pull up different versions of browsers so you can adjust each CSS so that the page displays exactly how you want it to

Hopefully this will help you out


Regards








Craig

Thank for replies, Jalokim & Placehold
Nice to know I am not the only victim of IE

So, If I use <!--[if IE]> code, would it ignore my default CSS?
Ned I use different codes for different browsers like IE5, IE6 etc. or only <!--[if IE> would work?

Not a problem at all

Well the < !--[if IE]> code detects what browser your using and then if it detects your using IE it replaces the normal CSS with the one designed to correct the issues and display for IE.

< !--[if IE]> should fix the majority of the issues, There isn't many sites the display in all browsers as it should so i would advise not to worry too much about IE5 or IE6

Another way to test how your forum is displaying correctly on other browsers is to visit BrowserShots, Select the browsers you want to test the forum/website in tha press 'Submit' within minutes you will have a huge list of screen shots to show how it looks in each O/S and Browser

Regards







Craig