Home/ Questions/Q 791337
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T21:49:09+00:00

I hope I’m not breaking any rules by asking a question that pertains to

  • 0

I hope I’m not breaking any rules by asking a question that pertains to a project I’m working on. If you view my page here and view it in Firefox and again in Internet Explorer, the width of the main content boxes differs. In Firefox, everything aligns perfectly with the advertisement at the top of the page, but in IE, the width of the content boxes seems to fall short by about 20 or so pixels.

My question is obvious by now, but what is causing the width in IE to fall short, and what would a simple solution be?

If I happen to be breaking the rules by asking a question that is not generic enough to benefit others, then allow me to rephrase it; what would be the best approach to solving visual differences between browsers? Should I use a separate CSS file for IE, or is there a way to define lines in my CSS file that only get rendered by a specific browser?

It would be best if someone could provide me with the necessary CSS to align things properly, but I would be more than happy to learn about how to make the CSS dynamic (if that’s possible).

Thanks everyone. 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your HTML is not well formed. You need <html>, and <title> should be in <head>. Most importantly, you need a DOCTYPE so that browsers will use standards mode instead of quirks mode when rendering. Quirks mode is the cause of the differing widths.

    The HTML 5 doctype is: <!DOCTYPE html> and should be the first line of your HTML file. Below is a minimum HTML file.

    <!DOCTYPE html>
<html>
    <head>
        <title>Document</title>
    </head>
    <body>
    </body>
</html>
    • 0