X-Cart forums

[AMMoyer]

I'm trying to get an image to align to the bottom of the left bar. However, since the leftbar div doesn't extend vertically if the "center div" box is longer I can't seem to make it happen. I think I need to add a child div to the leftbar div that uses absolute position to locate the image at the bottom. How do I do this if the center div is longer vertically?

[gb2world]

I've not tried this - but what if you created a new div, and placed that div inside the #center div, but after #center-main div?

Since it is inside #center div, you can use its margin settings to move it into the area under the left column. You can give it a negative margin-top to move it up above where the center-main content ends.

This would only work if you are sure the left column content will not be long enough to interfere with it. If that is not the case - you can google "css make a div fill the available height" to look for techniques that you should be able to adapt to the #left-bar div.

---

[AMMoyer]

Thanks for the reply. I tried both methods you suggested, but there are cases where the left-bar div dictates the height of the page and others where center-main controls height. Not sure there's an easy solution without resorting to writing a script.

I'll put this on the "Maybe if I have time list".

[gb2world]

It would be a "quick and dirty" hack, but if you know which pages have short #center-main, you can use smarty if-than statements, perhaps based on $main, to display the new div in the #left-bar or under #center-main.

---