Grrrr... CSS + IE6 woes

programming web dev
1

Alright, so I’m building a page in CSS using the Web Developer toolbar in FireFox (highly recommended) to do some really cool on-the-fly testing. But, the same page in IE6 is completely different!

http://www.wirelessinteractive.com/indexcss.html

Is there some major issue I should know about between IE6 and FF when it comes to CSS? If someone could point me in the right direction, that would be wonderful…

Also, is it possible to execute a certain CSS file based on the browser the user has (possibly via Javascript)?

Thanks in advance, Kirupans!

2

ouch big difference. um… cant say for sure as im heading out but these might help

http://www.stylegala.com/resources/css_hacks.htm

http://cssvault.com/cat_hacks.php

3

don’t use browser specific css files. i haven’t really looked at your code, but at first glance it looks like it might be a box model problem.

4

Box model… hmm… I’m not too familiar with what that is. From my understanding it has to do with the way that IE and FF render <DIV> tags, am I right?

5

yes. google it.

6

Why not? Some browsers in particular have such awful support for standards that trying to use a catch-all stylesheet is simply not an option. Yes, it’s a good guiding principle that you should try to make CSS as cross-browser as possible, but what about when that’s not possible?

7

[QUOTE=λ]Why not? Some browsers in particular have such awful support for standards that trying to use a catch-all stylesheet is simply not an option. Yes, it’s a good guiding principle that you should try to make CSS as cross-browser as possible, but what about when that’s not possible?[/QUOTE]
like what browsers?

8

Is there a way to easily create seperate CSS files for each browser?