[SOLVED] adding an image to the sidebar of the default template layout

[stevegos]

Hi,

I am using the default 'out of the box' template for a new site. I have disabled the news module but would like to add in an image so that it sits under the left vertical menu.

Ideally it needs to position itself to the bottom of the side bar so it sits tightly against the footer at the bottom. Even if the page is quite long, it needs to always position at the bottom next to the footer.

Any help is greatly appreciated.

Thanks, Steve

[stevegos]

Been working on this for a bit and find I can set a background image on the sidebar but the div container for the menu navigation only goes down as far as the bottom menu item.

Is there a way to have the container run 100% of the page as of course the content of the right hand side will vary.

Any ideas please?

Steve

[Nullig]

Have you tried a:

height: 100%;

for the sidebar DIV?

Nullig

[stevegos]

hi, yes tried that, both on the sidebar div and the menu_vert div. neither of them had any effect.

Steve

[Nullig]

How large is the image?

If it's not very large, you could try putting the footer within a wrapper div and style the wrapper with the background image.

Or, you could put the background image near the bottom of your pagewrapper div (up enough to leave space for the footer) and give your sidebar contents a bottom margin the same size as the image height and a transparent background.

Nullig

[stevegos]

Hi and thanks for the extra info.

I solved the problem by creating a background image and applying that to the pagewrapper div and serting it to non-repeat etc.

Its not an ideal solution as the background image in certain circumstances can appear under the menu links. But so long as i'm aware I can put some extra lines to pad out a small page.

Thanks for your help.

Steve

[Nullig]

What if you put a bottom margin on the sidebar div to leave enough room for the background image?

Nullig

[stevegos]

Many thanks Nullig for your help. I added some extra margin to the bottom of the sidebar div and that fixed it fine.

Steve