Background image problem

[mtmaster]

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??

[SoZo]

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

---

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

[mtmaster]

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?

[SoZo]

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

---

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

[mtmaster]

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

[SoZo]

Edit the width of your image

---

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

[mtmaster]

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?

[mtmaster]

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

i will change the image width and let you know.

 

[mtmaster]

working now.

Thanks a lot :))

[SoZo]

You're welcome 🙂

---

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

[Author]

Posts