Serendipity Forums

Posted: **Mon Jan 18, 2010 1:42 pm**

Hi,

I want to push the whole sidebar below the content, the main navigation is the navbar, the sidebar shall only provide additional choices.

I used the solution 1 column sidebar below for that. So far so good. However, I also want to underlay the whole sidebar with a photo, much like the banner. This is the CSS I used:

Code: Select all

#serendipityLeftSideBar,
#serendipityRightSideBar {
    border-top: 1px #000000 solid;
    background: #A8A080 url('img/bannd.jpg') no-repeat left;
    color: #000;
    margin: 0;
    padding: 0px;
    overflow: hidden; 
    height: 117px;
}

This works just fine in FF, but not at all in IE. There I get instead of a background or even just a background color different from the content simply the background color of the #content and no photo.

Any ideas?

Cheers

Dachs

Posted: **Mon Jan 18, 2010 3:39 pm**

Can you provide a URL?

Posted: **Tue Jan 19, 2010 8:21 pm**

I received the URL via PM. You can try floating the container left or right.

Yellowled came up with that particular option (sidebars below content) in bulletproof. I have never used that particular layout, so I cannot tell you if your problems are due to your css modifications or not.

Posted: **Wed Jan 20, 2010 9:56 am**

Hi,

if I float it left or right at least background color and part of the background photo get shown, but this doesn't really help me.

Anyone any idea what might be causing this? I suspect some float-thing but BP is simply far too convoluted still for me to pinpoint the troublemaking part.

Cheers

Dachs

Posted: **Wed Jan 20, 2010 11:07 am**

user1234 wrote:Anyone any idea what might be causing this?

I can't say even picture the issue w/out looking at it.

YL

Posted: **Fri Jul 16, 2010 5:46 pm**

I agree with yellowled, a bit tricky picturing without a visual representation.

I asume that you want the right and left sidebar besides each other BUT below the main content.

With IE being how it is I'd try adding "clear: both;" before the two sidebars and then float them both right. (IE got trouble with one being floated right and one being floated left. You need to float both right.

If I could have a look it would be a lot easier.

/TK

Serendipity Forums

sidebar below content with a background image

sidebar below content with a background image

Re: sidebar below content with a background image

Re: sidebar below content with a background image

Re: sidebar below content with a background image

Re: sidebar below content with a background image

Re: sidebar below content with a background image