sidebar below content with a background image

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
user1234
Regular
Posts: 75
Joined: Tue Sep 22, 2009 9:49 pm

sidebar below content with a background image

Post by user1234 »

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
Don Chambers
Regular
Posts: 3652
Joined: Mon Feb 13, 2006 2:40 am
Location: Chicago, IL, USA
Contact:

Re: sidebar below content with a background image

Post by Don Chambers »

Can you provide a URL?
=Don=
Don Chambers
Regular
Posts: 3652
Joined: Mon Feb 13, 2006 2:40 am
Location: Chicago, IL, USA
Contact:

Re: sidebar below content with a background image

Post by Don Chambers »

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.
=Don=
user1234
Regular
Posts: 75
Joined: Tue Sep 22, 2009 9:49 pm

Re: sidebar below content with a background image

Post by user1234 »

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
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: sidebar below content with a background image

Post by yellowled »

user1234 wrote:Anyone any idea what might be causing this?
I can't say even picture the issue w/out looking at it.

YL
TKofSweden
Posts: 1
Joined: Fri Jul 16, 2010 4:40 pm
Location: Sweden
Contact:

Re: sidebar below content with a background image

Post by TKofSweden »

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
Post Reply