CSS Forum

**DonnaZ** · 05-10-2006, 11:36 AM

Hi All...

Usually I'm in the PHP forum but I have a question here. This might be a really simple & dumb question, but I can't see to find a solution.

I'm re-designing the corporate newsletter from tables (ughhh!!!!) into XHTML & CSS.

I'm testing my design across browsers and noticed that on the horizonal menus, Mozilla/Firefox & IE6 (major Ugh!!!!) really need to have the style slightly different.

I was going to create a single global sheet and then the discrepancies for the horizontal menu into two different stylesheets that I would load with JavaScript.

Yet, I'm trying to avoid JavaScript if I could on these pages. Is there a way to place into a style sheet how to have the style react to different browsers?

Thanks
Donna Z.

**ghettobert** · 12:01 PM

You could make a seperate stylesheet with IE hacks/workaround only, and name it iestyles.css

If you import it like this, only IE will see it, the other browser will ignore the stylesheet all together ...

Code:

<head>
<!--[if IE]>
  <style type="text/css">
    @import url(ie-styles.css);
  </style>
<![endif]-->
</head>

**DonnaZ** · 05-10-2006, 12:58 PM

Thank you so much!!!!

**Minaki** · 05-10-2006, 07:20 PM

Hacks are never a good idea for a few reasons...
If you've got PHP knowledge, can't you use server side browser sniffing to dish out the correct stylesheet? I do this tequnique but in ASP.NET.

**RNPoo7** · 05-10-2006, 07:25 PM

The difference between IE and firefox are really starting to annoy me very much.

Everytime I do something, it ends up a problem in the other browser

**Minaki** · 05-10-2006, 07:38 PM

As you learn, it gets easier to spot the differences and know what works and what doesn't. Usually it's just a case of an extra bit of padding that can be taken off without affecting the other browser(s). For the more complicated issues (For example I had to dish out invalid HTML to so-called 'standards compliant' Firefox in order to get it to display a nested list proplerly) then you can use seperate stylesheets.

**blue-dreamer** · 05-10-2006, 11:55 PM

Quote:

Originally Posted by RNPoo7

The difference between IE and firefox are really starting to annoy me very much.

Everytime I do something, it ends up a problem in the other browser

It's a bummer. I try to check in IE, FF and Opera as I'm actually building the site and tweak as I go along.

**ADAM Web Design** · 05-17-2006, 03:57 PM

As someone pointed out, DonnaZ, be very careful with hacks and try not to use them when you can. Many of those hacks are specifically for IE, and with the release of 7 at some point in the not-too-distant future, those hacks could pose other problems down the road.

IE and Firefox usually aren't that different. Yeah, there are things that IE does that Firefox doesn't, and vice versa, but quite often it's just a matter of selecting an alternate property or adjusting another one to match both browsers.

Hack minimally, and only when absolutely necessary.