Background image problem

Community Forums Forums Design Tips and Tricks Background image problem

This topic is: not resolved

This topic contains 9 replies, has 2 voices, and was last updated by  SoZo 1 year, 10 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #17242

    mtmaster
    Participant
    Post count: 8

    Hi,

    I use an image as a background ground for my wordpress site. when you visit my website here: http://www.relationshippa.com/

    you can see that the image consists of two columns one for the main content and the other is for the right side bar.

    The problem is: when i browse the website using a 15.6″ laptop it works fine, however when browsing the website in a netbook (10” display size), a mobile phone, or even when i decrease the size of my browser, i find that the right border of the content section which is also the left border of the sidebar column shifts to the right i.e. the border becomes right in the middle of the side bar.

    So can i prevent this from happening regardless of the pc display size or the browser size??

    #17248

    SoZo
    Moderator
    Post count: 1573

    Add a width and auto left/right margins to the #inner rule.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #17250

    mtmaster
    Participant
    Post count: 8

    This is the code:

    #inner {
    overflow: hidden;
    padding: 25px 0 50px 0;
    background: #fff;
    }

    #inner .wrap {
    width: 960px;
    margin: 0 auto;
    }

    what should i change?

    #17252

    SoZo
    Moderator
    Post count: 1573

    Move the width and margin from #inner .wrap to #inner


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #17482

    mtmaster
    Participant
    Post count: 8

    Sozo, could you please check my website now?

    the grey separator between the content section and sidebar is now in the middle of side bar… how can i place this separator in its right place? (between content and sidebar)

    thanks

    #17490

    SoZo
    Moderator
    Post count: 1573

    Edit the width of your image


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #17649

    mtmaster
    Participant
    Post count: 8

    Sozo,

    I did yet still not working. what happened is that the whole content and side bar shifted to the left.

    The problem still exists. What can i do?

    #17651

    mtmaster
    Participant
    Post count: 8

    oh wait. sorry, i changed the width of the inner not the image.

    i will change the image width and let you know.

     

    #17947

    mtmaster
    Participant
    Post count: 8

    working now.

    Thanks a lot :))

    #17965

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Background image problem’ is closed to new replies.