|Good in Firefox (all), Safari (all), and IE (7,8), but not IE 6.|
Good in Firefox (all), Safari (all), and IE (7,8), but not IE 6
| 1:23 pm on Sep 1, 2010 (gmt 0)|
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?
| 2:52 pm on Sep 1, 2010 (gmt 0)|
Read through this article - it might help [dave-woods.co.uk ]
| 6:09 pm on Sep 1, 2010 (gmt 0)|
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.
| 7:55 pm on Sep 1, 2010 (gmt 0)|
IE has bugs [positioniseverything.net]. I recommend using a separate CSS file and call it using IE's Conditional Statements [msdn.microsoft.com].
Also, I recommend that you validate your code for each page:
CSS Validator [jigsaw.w3.org]
HTML Validator [validator.w3.org]
| 1:21 pm on Sep 2, 2010 (gmt 0)|
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!