Site width problem

  • neverhurry

    (@neverhurry)


    12 years, 4 months ago

    Hi,

    I am using twenty twelve theme, I set the site width to in my child theme:

    .site {
    max-width: 600px;
    max-width: 42.85rem;
    }

    it works ok with Chrome

    but in firefox, the real site width is 750px instead of 600px, and it is the worst with IE, the width is 100% of my browser screen width, i.e., this IE doesn’t read the above codes.

    How is it? And where did I do wrong? Please help. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter neverhurry

    (@neverhurry)

    12 years, 4 months ago

    I have tried

    .full-width .site { max-width: 600px; }

    same as above, no change.

    Thread Starter neverhurry

    (@neverhurry)

    12 years, 4 months ago

    After some hours of searching, I changed the codes to:
    footer[role=”contentinfo”] {
    max-width: 600px;
    }
    @media screen and (min-width: 600px) {
    .site {
    max-width: 600px;
    max-width: 42.857142857142rem;
    }
    }
    .ie .site {
    max-width: 600px;
    }

    But Firefox and IE8 still displays the site width to 750px (why?) , Chrome displays correctly to 600px.

    Then I opened wordpress.org in firefox and in Chrome, surprisingly, its width is 1190 in firefox and 950 in Chrome. Why?

    Please help. The site is http://www.siluofake.com

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

The topic ‘Site width problem’ is closed to new replies.