That is a limitation of div-based styling - it is not possible to make a div stretch vertically to match a neighbor's height.
In this case, you can use absolute positioning to locate the sidebox. Find #mainWrapper { in your stylesheet and add to it
position: relative;
Find #navColumnOneWrapper and add to it
margin-bottom: 250px;
Then add a new rule:
Code:
#editablesidebox {
position: absolute;
bottom: 200px;
}
If you want to add the Paypal logo to the sidebox, adjust the numbers accordingly.
This will take the sidebox out of the layout flow and locate it in terms of its positioning context, defined to be #mainWrapper.
If the page is short enough that the sidebar reaches the bottom, the margin-bottom is needed to keep the rest of the sidebar contents from overrunning the sidebox, because the sidebox no longer holds its own space in the layout.
Bookmarks