Ive been working on this enhanced cd thing for my friends band, and I am just going to use dhtml for it. The problem is that IE and firefox must render images/divs differently so the site looks fine in IE but in firefox it is off. I am relatively positioning the divs and I have no idea how to make them work for both IE and firefox(while still using relative positioning).
They look the same to me in both IE and Firefox…but if you have problems, what you could do is make a splash page, which is just the index.html with like a logo or something that you click to reach the real site, and under the image you write something like “best viewed in Firefox.”
If you’re not able to make it work and need to force uses to use one type of browser, it’s al ot safer to go with IE.
While I DETEST IE, you know the vast, vast majority of people will have it available. There are certainly people that know NOTHING about computers and wouldn’t even know how to find Firefox and install it - and may not even know what “a Firefox is”.
Go with what people have by default- it’ll mean the more computer illiterate people will still use it instead of saying “screw this, it’s too complicated” and move on.
I’m nt that good at css, but it’s probably a issue with margins. In any case, you’re better off having the images for the text have a transparent background.
I fixed the problem by seeing what browser the user has and then implementing a different style sheet for firefox and one for netscape. I would use transparent images normally, but the adobe filters look better this way.
You sir, may be having any number of the problems outlined and fixed on this site. Check out the double float margin bug and the 3 pixel text margin. I didn’t look at your site so check all of 'em out. Those are just common ones.
Here’s another suggestion being made without having looked closely at your HTML (I’m on a Mac so should you believe what I see anyway?):
With CSS, different browsers sometimes make different assumptions of “default” values. Reading and knowing the CSS spec is useless if your browsers don’t adhere to it and none of them do completely. Your best bet is to make sure you define specific values for ALL the variables in your CSS. If you’ve already done this and still see variations, it may be a different problem.
But I’m all for building quality Web stuff that gives you a consistent viewing experience in all major browsers. A fun challenge my company did last year was the new Aerojet web site: http://www.aerojet.com
It should look the same, or at least function without looking bad, in all major browsers on both Windows and Mac. Sorry Linux/Unix and others, the client did not specify compliance there as you guys don’t have much market share among even their audience.
Most linux users use a browser based on KHTML or Gecko. KHTML is the base for Safari, and Gecko is the base for Firefox, both markets it sounds like you covered.
Yes, but not tested on Linux/Unix. Not tested means it may look great or it may not. I do know that Firefox is very consistent between the Windows (XP) and Mac versions. I can’t think of any places where I’ve noticed differences in the display of stuff from one platform to the other. The same can’t be said for the now-dead-on-the-Mac IE.
Thanks to everyone who responded, I still have to learn a lot about implementing css correctly on multiple browsers. It seems like there is no method to its madness sometimes.