IE to mozilla woes: HELP?

*OK, I don’t know if this will work, but I’ve spent countless hours reading forums, researching and assides lacking sleep, I have not been sucessful identifying the problems in a website I am trying to get going in CSS to work in anything other than IE. Can someone help? Link of site is www.dresch.org/web/cascademailing/default.asp
and the supporting css files are
(main:) www.dresch.org/web/cascademailing/assets/css/cmv2Home.css and
(sub:) www.dresch.org/web/cascademailing/assets/css/cmv2CreditCards.css
Looks perfect in IE but doesn’t even display in Mozilla or firefox. HELP???

Thanks all/any/anyone…*

Odds are it isn’t coded right. IE has weird quircks, the key is coding it in a gecko based browser like mozilla or netscape, then adding the little hacks to make IE behave right. IE renders padding differently, thats probably the problem.

http://glish.com/css/hacks.asp

http://css-discuss.incutio.com/?page=BoxModelHack

http://www.simiandesign.com/blog-fu/2004/03/a_simple_css_hack_to_cover_ie.php

Fireworks is a browser? :crazy:

lol, well I’ve voted for it! :stuck_out_tongue:

I’m at the moment struggling with a CSS layout and primarily use Firefox…errr I mean Fireworks 0.9.2 :slight_smile:

Besides that I have IE 6 and Netscape 7.1 installed. IE is definitely being a real pain in the b*tt. And I still have to check how things look in IE5 for example :frowning:

Like I always say…check your DOCTYPE. or remove it completely. Learn your DOCTYPES it is very important. Also Import and link your css (it is essential that you do both depending on what you are using in your css). It is not always so much the browser as it is inexperienced developers. I am usually successful getting my sites to work on a variety of Browser/OS combos. Dont forget about the OS you are viewing on also. That makes a big diff. IE6 on Win2k will behave differently than IE6 on XP…Like wise for the MAC stuff.

I recommend learning your audience and keep up with web standards and trends. IE is still hoverign around 95% of the free world. So dont kill yourself too much shooting for a .09% browser. What I strive for is a graceful degradation.

Use this DOCTYPE

< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

And IE 5.5+ and FireFox/Netscape should interpert your HTML/CSS similarly enough for you to be able to create an identical-looking site on all modern browsers!

Cross-browser compatibility used to be a huge pain, but with a little bit of research and getting the proper DOCTYPE I was able to create many cross-browser compatible tableless layouts :slight_smile:

Since IE 5 and NS 4.7 do not interpret CSS like it should be, I just dont bother checking my sites on them, they’re really outdated anyway

AHMED is correct but keep in mind that with this DOCTYPE comes some coding rules. So look up XHTML and DOCTYPES. the main thing is lower case attributes and closing tags. But there are others.

Good point, also many tags and tag-nestings have been removed from XHTML 1.0 STRICT. There’s also a less strict flavor, XHTML Trasitional. Like DDD mentioned, just do a search on XHTML Strict/Transitional and you should get what you need

[QUOTE=Syko]Fireworks is a browser? :crazy:[/QUOTE

Yeah really. I voted for that thinking it was Firefox.

OKOK yes yes all, Me bad, me stupid & me not know how to type.

Enough said, u’r right!

It should be FireFox NOT fireworks. I couldn’t edit it after it was submitted. EISH. Thank you for all your feed back but no one has helped with the specific pages yet…

Any possibility???

Bests,

what are you saying we gave you the answer, between your coding and your DOCTYPE your problem will be fixed. Are you wanting someone to do it for you?

These two links should set you-all in the right direction

Fix Your Site With the Right Doctype
http://www.alistapart.com/articles/doctype/

The Compleat list of all CSS filters (i.e. browser hacks)
http://www.dithered.com/css_filters/css_only/index.php

I wouldn’t say netscape is a good CSS based browser at all. Go with Firefox/Mozilla and Opera, then start making hacks to work with IE. If you wanted to go that route.

what about an all of the above option :wink:

I wish people would stop giving that bad advice. IE has 95% of the viewing public. Why would you code for 1.3% of the viewing public? As coders and developers you have the responsibility to code for the masses. Not the minority. Just because we as developers have the technology edge does not mean the general public does.

I never said not to make pages viewable for IE. But coding for IE is a bad habit to get into, now. Code properly first, then make adjustments. Firefox and Opera have excellent html and css support, adhering to xHTML rules and strict properties. IE doesn’t. You are true in the sense that you can’t leave out IE users, but coding for IE is a bad practice. xHTML is the standard now. HTML transitional is something from 4+ years ago. Try not getting in the habit of creating improper markup, esp if you want a job in the dev market.

The more “Frontpage code” I have to work with just makes me wish people would learn decent markup for a change.

you code pages in the browser? I usually code for the browser :stuck_out_tongue:

I always code for ff and moz first, then go to ie, then to opera because it’s so easy to code for firefox, it always seems to work on the first try for me :smiley:

I’m with you. I make it work in FF and then make adjustments if it doesn’t work in IE, but usually it works.
I have basically abandonded no-table layouts for a while as it’s a hassle to get them to work right, and backwards compatability is pretty bad.
But using strict html, table layouts, and proper css usually works without a lot of fuss in FF, Opera, and IE. Netscape is a dead browser and pointless to work with, imo. 4.7 is useless and I pity anyone who still uses it, they couldn’t make up there minds between 6 and 7.

If it looks good in Firefox, it should also look good in Safari and Opera.

but do you see where that is backwards? That is a preference not a common sense practice. The minority never sets the standard. But I do agree coding for Mozilla is easier. But that does not make it good coding practice. I rarely have issues getting IE accepted it is a education and experience thing I guess.

I always make it work in ie pretty easily after it works in firefox, so I code in firefox first to get the main layout easily, and then do minor fixes for other browsers in most cases, and all my sites are completely tableless…