Align two sideboxes

[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.

[gjh42]

The shop homepage has a problem.
Since you made the information sidebox 150px high, you need to add more padding-bottom on #navColumnOneWrapper. 19em looks like it will work.

[bihon]

The shop homepage has a problem.
Since you made the information sidebox 150px high, you need to add more padding-bottom on #navColumnOneWrapper. 19em looks like it will work.

Yes, I noticed it. Just shortened the info box to 110px. It's OK now.
Thanks again.