1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Help with website width

Discussion in 'Web Design' started by UNOIT, Aug 10, 2011.

  1. UNOIT

    UNOIT Newbie

    Joined:
    Apr 8, 2011
    Messages:
    37
    Likes Received:
    5
    Hi,

    I am creating a wordpress based site for a client and it shows full width when viewed with IE and Firefox however is narrow when viewed with safari.

    Any ideas how I can modify to show full width in safari as well?

    Thanks!!
     
  2. Baybo.it

    Baybo.it Registered Member

    Joined:
    Aug 9, 2011
    Messages:
    72
    Likes Received:
    39
    Occupation:
    Founder of Baybo.it
    Location:
    San Francisco
    Home Page:
    On second thought, it seems like you do actually want a 'full width' page. You may be able to solve this problem by simply setting the body tag to 100% like so

    Code:
     
    body {
         width: 100%;
    }
    
    Then again, it's really hard to tell without looking at your code. It's possible your 'content' div (which is set to full width) is within another div with some fixed width. Show us some code, happy to help.

    ----

    What are you currently using for your style sheet? Do you have a link?

    My intuition tells me you are using a width: 100%;. An alternative may be to apply this style to your 'body' element
    Code:
    body {
        width: 1000px;
        margin: 0 auto;
    }
    More information on what your site looks like, what you're trying to achieve, and what your style sheet looks like would be very helpful in guiding you further.

    Cheers!
     
    Last edited: Aug 10, 2011