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!

i think you have to use a script to get the type of browser and then use a neccesary CSS class...

Where could I get such a script?

can you post a link to the site you're talking about? I built this site: www.thecreativemonkey.com entirely out of css and I haven't had any problems with browser compatability.

also, i've noticed lately that people are trying to do everything with css, table width, height, whatever, if that's the case, you may be over complicating things. the fact that you're now looking for a script to magically solve your browser problems is a clear indication that your use of css may not be as convinent as you thought it might be.

Rule of thumb, code for Mozilla first then debug for I.E. Mozilla is much more compliant than I.E.

Common problem with I.E. and CSS are: padding, border, position, and a few other things that are not supported at all.

Ways to get around I.E. bugs are to place a child container inside the main container. My home page listed here works in many browsers and, older, non-CSS 2 compliant browsers will simply overlook the CSS and default to plain text.

Validating your URL does not mean it will appear the same in each browser. You have to know the rules of CSS, each browser's limitations, and then use CSS defensively to ensure each browser only sees what you want it to see.

Thanks for the help I was able to get it working. I just basically kep playing with stuff and moving it around so it worked out.

Originally Posted by TheX

Common problem with I.E. and CSS are: padding, border, position, and a few other things that are not supported at all.

IE handles poadding correctly its moz that is bugged on padding

cell size = width - padding and not width + padding. its one of my biggest rants ever lol

IE handles poadding correctly its moz that is bugged on padding

Really? Try reading the W3C specifications. Padding is OUTSIDE the width not inside. I.E. puts the padding inside, Mozilla and Opera 6-7 (Maybe 5) follow the specification rules.

http://www.w3.org/TR/CSS21/box.html#mpb-examples

One way to cross broswer is to use two <div>s, the parent <div> contains the margins and padding of the child <div>