IE/Mozilla Different Widths

  • When I look at my site ( https://www.chasingthewind.net ) using Mozilla Firefox, everything looks right. Specifically, each blog entry is well positioned between the menu on the left and the right hand edge of the browser.
    When I look at it in Internet Explorer though, the blog boxes only take up 70% of the screen, and the right hand margin is wide.
    I tried adding a “width: 90%” under .storycontent (no effect) and under #content (that messes up entering comments).
    How do I fix the IE display to match the Mozilla display? Be easy on me, I’m a CSS novice. ??
    (P.S. I tried to post this in “Templates & Designs” but that forum doesn’t seem to be accepting new posts)

Viewing 2 replies - 1 through 2 (of 2 total)

  • At a guess, it’s this in your CSS;
    #content {
    text-align: left;
    margin: 0px 30px 0px 240px;
    color: #052691;
    width: 70%;
    background: transparent;
    }
    If you want a fixed width site, change the “width” line to whatever size you want (i.e. 500px).
    One major factor is that IE and Mozilla both process CSS differently, so in one browser you site can look perfectly good, whilst in another it can look pants. IE in fact isn’t 100% CSS complaint, and don’t expect it to be in the future!

    You are passing inconsistent style rules to the browser by defining the margins in px and the width in percent. One of those two really needs to go because it is unnecessary.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘IE/Mozilla Different Widths’ is closed to new replies.