Problem displaying website in Firefox

Posted on 2011-03-23
Medium Priority
Last Modified: 2012-05-11

We have a website from a customer of ours:

Now, we can open the website in IE and everything is okay but when we open it in Firefox, everything is messed up.
We already configured that he needs to open the website in compatibility mode and we told to display the IE6 version of the CSS.

Does anyone know what can be the problem and how to fix?

Question by:techneitsolutions
  • 3
  • 2
  • 2
LVL 19

Expert Comment

ID: 35199383
If your webpage is designed-coded to fit in IE6 specifications then the problem is clear. IE6 doesn't comply with W3C specifications and so programming a site to make it work well on this browser means that it will display horribly almost in every other browser (at least in W3C compliant ones).

You will need to code specific CSS stylesheets for other browsers different than IE6 and, maybe, even redesign your site.
LVL 30

Expert Comment

ID: 35199921
I have to agree with Bardobrave's comment.  NEVER EVER code for a legacy browser first unless you have a very specific audience/reason to do so.  Always code with compliance and validation in mind.  You should code for the modern browsers first, then test backwards to the non-compliant browsers.  

Start with FF, IE 8/9, Safari and Chrome, then work your way back to IE 8, 7 & 6 if necessary.

You should also start with some type of CSS reset to level the playing field with browser defaults.

Author Comment

ID: 35200181
ok but the problem is that the site existed before IE7 so everything whas made for IE6

Anything I can do?
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

LVL 30

Expert Comment

ID: 35200228
1st things first, remove the meta tag that is emulating IE 7

<meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible">

Let's see where that puts us
LVL 19

Expert Comment

ID: 35200637
Old sites with old problems :)

Start doing what LZ1 suggest and we'll try to help you recompose the result if needed.

Accepted Solution

techneitsolutions earned 0 total points
ID: 35339894
thx for the answers but we will build a new site instead.

Author Closing Comment

ID: 35372794
new website

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

627 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question