Mozilla and IE CSS

[todd098]

I am making a site using CSS. When I get the spacing right for mozilla it is screwed up for IE. Is there some way to fix this so it looks the same for both? Can I put something in my code which has two parts one with spacing for mozilla and one with spacing for IE? Thanks!

 

[Spirited]

I think you'll have to explain a little more what you are trying to do, and maybe give us a link so we can see how you are doing it. There are quite a few workarounds about for coping with IE's interpretation of W3C's CSS.

Other than that I'm afraid its just a case of fiddling till it looks good in both browsers (even if one isn't just how you intended)

 

[Cjpixel]

HI!

I am sorry that I can not present you with an answer because I am a beginer with CSS. Instead I would pose another question.
Are there CSS codes that won't work in Mozilla and I.E. ? I know that HTML has few that won't function on Netscape Navigator.

 

[James]

You can hide CSS from Internet Explorer (Windows), but still show it to the newer builds of Mozilla (and all members of the Mozilla project), Safari, and Opera, by using child selectors.

/* Internet Explorer will see this.
Note: Older CSS enabled browsers, such as Netscape 4.7,
will see this unless it is imported as shown below. */

p { width: 100px; }

/* The others will see this, ignoring the style above */

body>p { width: 120px; }

Hiding something from Mozilla is much more difficult as Mozilla is quite caught up with Web standards. If something you are doing isn’t working in Mozilla, odds are you aren’t following standards in the first place though, so that sort of works out in the end.

You can hide code from browsers prior to 5.x by importing them via include.

<style type="text/css" media="screen">
  <!--
    @import "foo.css";
  -->
</style>

You can also work around Internet Explorer 5–5.5 by using Tantek Çelik’s Box Model Hack (originally intended to help make CSS layouts consistent from browser to browser when Internet Explorer was messing up the Box Model.