homepage Welcome to WebmasterWorld Guest from 54.205.236.46
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
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
thewpfan




msg:4194989
 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?

 

Shado




msg:4195052
 2:52 pm on Sep 1, 2010 (gmt 0)

Read through this article - it might help [dave-woods.co.uk ]

Super_B




msg:4195165
 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.

Major_Payne




msg:4195232
 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]

Ron

thewpfan




msg:4195546
 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!

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved