Align two sideboxes

[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;
    }