Align two sideboxes

[bihon]

I have only two left sideboxes: "Categories" and "Info".
I want "Categories" to stay on top and "Info" always to be aligned on the bottom, which is currently positioned right under "Categories" box.
How can I do that?

[bihon]

go to admin->tools->layout box controller,change the LEFT/RIGHT COLUMN Sort Order.that is all

Thanks prettywish126, but it's not about order, this is about css alignment of the lower box, which should always be on the bottom of the page, regardless of the page height.

[stevesh]

You could add a whole bunch of margin-bottom to #categories.

[bihon]

You could add a whole bunch of margin-bottom to #categories.

I have added the following to the sylesheet.css

#informationContent {vertical-align:bottom;}

Unfortunately, it doesn't work.

[gjh42]

A link to see your site live will let us test and give correct advice instead of guessing.
Try making
#navColumnOneWrapper {height: 100%; padding-bottom: 13em;/*adjust to match height of info box*/}
and
#information {position: absolute; bottom: 0px;}

Alternately,
#navColumnOne {position: relative;}
#navColumnOneWrapper {padding-bottom: 13em;/*adjust to match height of info box*/}
and
#information {position: absolute; bottom: 0px;}
might work for you.

[bihon]

A link to see your site live will let us test and give correct advice instead of guessing.
Try making
#navColumnOneWrapper {height: 100%; padding-bottom: 13em;/*adjust to match height of info box*/}
and
#information {position: absolute; bottom: 0px;}

Alternately,
#navColumnOne {position: relative;}
#navColumnOneWrapper {padding-bottom: 13em;/*adjust to match height of info box*/}
and
#information {position: absolute; bottom: 0px;}
might work for you.

Neither does work.

I don't want search engines to crawl the link from here, so I have to split it: http://www.ddautomatisering. com/wink.html
Just remove the space before the ".com".

[gjh42]

I don't see your information sidebox...

It appears you are displaying your Zen Cart inside an <iframe>. This is a problem, because the checkout will not work this way. It may also be related to other problems - I can't tell because the iframe hides all the source code and CSS.

[bihon]

I don't see your information sidebox...

It appears you are displaying your Zen Cart inside an <iframe>. This is a problem, because the checkout will not work this way. It may also be related to other problems - I can't tell because the iframe hides all the source code and CSS.

Don't worry about iframe and checkout, it's OK.
Try this link instead: http://ddautomatisering .com/winkel/index.php?main_page=index&cPath=63_68_1002398

It's the frame itself. Again remove the space before the ".com".
Thanks for the replies so far.

[gjh42]

The table elements apparently can't use "position: relative;", but #mainWrapper is a div, and as long as the footer is a fixed height, this will work:

#mainWrapper {position: relative;} 

#navColumnOneWrapper { padding-bottom: 13em;}

#information {
    position: absolute;
    bottom:4.0em;
    }

[bihon]

The table elements apparently can't use "position: relative;", but #mainWrapper is a div, and as long as the footer is a fixed height, this will work:

#mainWrapper {position: relative;} 

#navColumnOneWrapper { padding-bottom: 13em;}

#information {
    position: absolute;
    bottom:4.0em;
    }

You got it!
Well I only had to add 'height:150px;' inside (otherwise it's 100% breaking the top), but that's it.
Thank you very much and thanks all for your time dealing with this.