CSS Width not real width

  • Hi.

    I’m considering changing the width of my theme which is set at 960px.
    I thought this should be plenty but was struck by how narrow the site looks in comparison to a site I’m migrating from whose width is only 910px.

    I took a screen shot of the theme and measured it and it is, in fact, only 892px wide.

    Here’s the test site:
    https://www.kairoscampaigns.org/test/wordpress/

    How is it that the css says it’s 960px when it’s actually only 892px, and how do I increase the width of the whole theme (892px is much to narrow for current displays)?

    Does anyone have any hints?

    Many thanks.

    Nik

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

  • the width in the css is usually the width of the outermost div, i.e. #wrap in your theme.
    then there are borders, padding, …
    so the actual ‘content’ area might be narrower.

    Thread Starter KAIROS_Canada

    (@nikairos)

    Thanks alchymyth

    Here’s the offending style:

    #wrap {
    background: #EEEEEE;
    width: 960px;
    margin: 10px auto 10px;
    position: relative;
    border: 10px solid #333333;
    -moz-box-shadow: 0 1px 3px #000000;
    -webkit-box-shadow: 0 1px 3px #000000;
    }

    Even measured from the outermost wrap area (which excludes borders and margins) it’s only 891px.

    Wierd…

    NIk

    Thread Starter KAIROS_Canada

    (@nikairos)

    I still don’t have any explanation from anyone for this unusual error that appears to be css related.

    Any takers??

    Nik

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Width not real width’ is closed to new replies.