Please could someone find out why the website i have made for a client is completely screwed up in Internet Explorer but pretty much perfect in Mozilla Firefox.

Problems in IE:

1. Cells in tables are centered
2. Footer is not in line and looks bad
3. On the contact page the menu is not right

The website is:<URL SNIPPED>

Thank you all very much in advance!!!

Dani AI

Generated

Quick practical checklist and likely root causes for a layout that’s fine in Firefox but breaks in Internet Explorer.

Several members looked at the live site — and couldn’t reproduce, while and offered IE-specific fixes. If those didn’t resolve it, the issue is usually not a single “alignment” line but one of these: a missing/incorrect DOCTYPE that forces IE into Quirks mode, malformed HTML (unclosed or misnested table tags), a CSS parsing error earlier in the stylesheet that makes IE ignore later rules, or float/clear behaviour (older IE also exhibits the “hasLayout” quirk). Also remember IE can cache CSS aggressively — test with Ctrl+F5 or a cleared cache.

Minimal troubleshooting flow

  1. Open the page in IE, press F12 and check Document Mode / Browser Mode. If it’s Quirks or an older IE mode, fix the DOCTYPE first.
  2. Run the page through the W3C validator to catch unclosed tags or invalid markup (W3C Markup Validation Service). Tables are especially sensitive to malformed markup.
  3. Use the IE dev tools’ computed styles pane to see which rules are actually applied to table cells, the footer and the menu. Look for rules that are missing (often due to a prior parse error).
  4. If floats are used, ensure the footer clears them; for older IE versions you may also need to trigger layout.

Example fix to try (clears floats and helps older IE):

.footer {
  clear: both;
  zoom: 1; /* helps trigger hasLayout in old IE */
}

If the problem persists, post a minimal, standalone reproducer (single HTML file with the DOCTYPE, the table/menu/footer markup and the CSS that touches them) — that makes diagnosis fast. Mention which IE version and whether Compatibility View is enabled.

Recommended Answers

All 6 Replies

Post the code that causes the problem, not a url to the site
It is not anyones job to go to your site copy everything, find the error, fix it and repost it, you will get more assistance if all the person has to do is look at the post and write 'line 3 xxx should be yyy'

you sure there is a problem? i had a quick look in ie and it looks fine to me. if problem persist my suggestion is to give alignment to everything.
<tr align="left"> and so on.

^
I looked at this website in IE and it looks fine to me as well.

Use IE conditional comments

<!--[if IE]>
		<link href="styles/IE.css" rel="Stylesheet" type="text/css"/>
<![endif]-->

To make IE behave differently than FF. This will add a separate CSS sheet that FF won't see so you can make IE behave differently and fix it's problem. There are different conditional comments for each version of IE.

Explained .

For each cell in htm table that you use you have to specify the alignment. Otherwise it'll surely look different in different browsers. In IE the default alignment is "center" and in Firefox the alignment is "left". So if you won't specify any alignment for each cell it'll look surely different. So please specify alignment for everything that you specify in a webpage especially if ou are planning to upload the page in Internet.

Member Avatar for Member #120589

Think the OP left the building guys?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.