WordPress.org

Ready to get started?Download WordPress

Forums

IE/Mozilla Different Widths (3 posts)

  1. Sphyr
    Member
    Posted 10 years ago #

    When I look at my site ( http://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
    (P.S. I tried to post this in "Templates & Designs" but that forum doesn't seem to be accepting new posts)

  2. wellard1981
    Member
    Posted 10 years ago #

    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!

  3. Root
    Member
    Posted 10 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.