Hi! I am new at CSS and HTML, and used a free WordPress theme. The theme looks good in versions for Firefox (all), Safari (all), and Internet Explorer (7 and 8). Unfortunately, the format does not look like the other browsers in Internet Explorer 6.
What would be the best approach of making it look like the other browsers in Internet Explorer 6 without affecting the other browsers?
My favorite way to hack IE6 is to add styles that "undo" my cooler styles for other browsers. See here for how: [ejeliot.com...]
A friend of mine hates that methodology because it produces non-standard CSS markup, so he prefers this method: [virtuelvis.com...] to serve special CSS documents to any versions of IE that need them. This will let good browsers off the hook and will ultimately safeguard against future browser bugs around non compliant code, too.
I concede all points to using conditional style sheet documents and I have nothing but praises for the method... EXCEPT... most clients don't care which one you use, and the first method always is a lot faster to implement and debug. And saving money and time IS something a client cares about ;)
I hope that helps. Besides that, getting IE6 to behave is a crap-shoot. It's simply an old browser full of bugs that require trial and error to make work the way you want.
Thanks everybody. I got lucky and found the css problems without conditional statement hacks. I basically took out the "position:relative;" and replaced them with "float:left;", and it aligned to the left!