My blog looks different in Firefox compared to IE, why and how do I fix it?

Quest details: I use the IE browser, when I saw my blog in the Firefox browser the right sidebar was merged into the left sidebar, it looks terrible...it appears to not render the same...my blog is Library clips
Items posted to quest Syndicate content
  1. The concept of the box in IE is different that any other browser. Tantek's hack is one of the ways to get around it. Good luck this is a frustrating problem.
    By amanuel, 3 years 31 weeks ago
  2. I've been told elsewhere to run it through validator and work through the stylesheet tweaking here and there until it looks nice in FireFox.
    By johnt, 3 years 32 weeks ago
  3. More explanations on the problems with diagrams.
    By amanuel, 3 years 31 weeks ago
  4. Wonderful CSS tips. #4 and #6 is relevant to this quest.
    By amanuel, 3 years 31 weeks ago
  5. This guy lists how IE ignores the official specs (that the other browsers follow) with examples and how to get around them.  Not just boxes but almost everything out there.
    By Sarisar, 3 years 31 weeks ago


Add this quest to your blog. Paste this code into your post
CODE:
Your Status
Register to track this quest with your profile

Get notified when a post is added to this quest. register now; it is free!

Registration is quick and easy.
Learn about questing and how you can start your own quest for knowledge.

Already a member? Please login to participate in this quest

3 users on quest
  • amanuel
  • johnt
  • Sarisar

Web Developer

johnt's picture

Shana from blogsome mentioned a tool a tool for FireFox called Web Developer which can help with sorting out design problems.

 

John Tropea

Web developer is a great

lwallenstein's picture

Web developer is a great firefox extension, as can outline your elements.. but your page has a lot of deprecated tags and such... many many many divs...

My initial hunch without getting to much into the code is that is is a sizing problem.. something like you say "the total page width is 500, the left colum is 150, the middle is 300 and the right colum is 150" obviously the individuals sizes add up to 600, but the total is 500 so the browser puts the right under the left.

Just a guess based on things that have happened to me before.

 

 

--------------------------------------

Lynn Wallenstein

Powered By Geek
http://lwallenstein.poweredbygeek.net
Contact Info: http://people.poweredbygeek.com/lwallenstein.html

Brainjar

Anonymous's picture

I was referred to this tool:
http://www.brainjar.com/css/positioning/