[thelist] CSS help for the Linux Foundation

Ken Snyder kendsnyder at gmail.com
Fri Jun 22 16:42:06 CDT 2007


ryan wrote:
> ...
>
> You can see how the site is supposed to look by surfing in Firefox to 
> http://testmediawiki.freestandards.org/
>
> Then I looked at the page in IE6/PC and it was *completely messed up*. I 
> upgraded to IE7 and it actually improved considerably, but there are 
> still a couple widgets on the homepage that IE7 is moving around.
> ...
>   
Ryan,

IE6 is truly the bane of the web, and, as you mentioned, IE7 is only 
moderately more tolerable.

I only saw one obvious thing on the page: you've got a couple element 
ID's that are duplicated... that might cause display problems.  Try 
fixing <div id="rleftgrey"> and <div id="rtblogsblue"> and see how it looks.

There are some great tools out there to help with finding these types of 
problems.  Here are a few of my favorites:

Firefox Plugins
HTML Validation - https://addons.mozilla.org/en-US/firefox/addon/249
Web Dev Tools - https://addons.mozilla.org/en-US/firefox/addon/60
Javascript Debugging - https://addons.mozilla.org/en-US/firefox/addon/1843

W3C Validators
HTML - 
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ftestmediawiki.freestandards.org%2Fen%2FMain_Page
CSS - 
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Ftestmediawiki.freestandards.org%2Fen%2FMain_Page

Articles on Cross Browser Web Development
Quirksmode - http://www.quirksmode.org/resources.html
A list Apart - http://alistapart.com/

-- Ken Snyder



More information about the thelist mailing list