[Dannyboy997]

hi, for some reason my css code doesn't look the same in different browsers i originally make it for firefox but when i test it in IE its all screwed up. nothing is the same in different browsers.

i've looked in some website's code and i saw:

<!--[if IE] -->
<link rel="stylesheet" href="css/index.css" type="text/css" />
<!--[end if] -->

is this right????

because then i could create the exact code with the exact specification!


thanks!

[markhazlett9]

This is one of the biggest pain's about web development... all browsers have different rendering engine's and will therefore display data differently in different situations. For the most part there are fixes for things like IE transparency and things like that. So basically just code it for one browser then start to fix it for all the other major ones until it looks relatively the same in all browsers. Hope this helps

Cheers

[Dannyboy997]

thanks! then i'll worry about the other browsers later on!

[W3bDev]

Yes, this the main downside to development... not only is there testing, but you have to test for not a couple OS's but half a dozen browsers that are "currently popular"... One note though, if you try to code strictly in xHTML and learn the safe ways of coding within CSS, you will eventually learn the do's and don't when programming pages.

Good Luck!

This post has been edited by W3bDev: 29 September 2009 - 09:40 AM