Heres my site <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/Bing/index.html">http://users.rcn.com/rmkerr/Bing/index.html</a><!-- m --> . Heres the CSS <!-- m --><a class="postlink" href="http://users.rcn.com/rmkerr/Bing/bingRugby.css">http://users.rcn.com/rmkerr/Bing/bingRugby.css</a><!-- m --> .
What I want is for the left div, containing the menu items, to always remain stretched to the bottom.
It works, as long as the content doesn't extend beyond the size of the open window. If it does, when the user scrolls down he/she can see that the black bar doesn't go to the bottom.
Is what I'm trying to do possible? ThanksHiya.
I'm pretty sure the way to do it is to add a:
<div style="clear: both;"> in the same div that contains the content and the left block.
HTH.Perhaps this (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns">http://www.alistapart.com/articles/fauxcolumns</a><!-- m -->) will help.Thanks for the reply, but that didn't seem to have any effect.
From what I've read the only way to do this easily is with a background image, unfortunately I already have one in there which I can't repeat.
It looks like I may have to live with this, change the design, or start building a damn table
Can't you just set the height to 100%?Thanks again for all the replies.
I ended up using the 'faux-columns' from the link provided by lavalamp.
It dawned on my that I could overlay my original background image in another div.
Originally posted by DUNSEL
Can't you just set the height to 100%?
height is only for inline elements i believeOriginally posted by zbgump
I ended up using the 'faux-columns' from the link provided by lavalamp.Happy to help.
Originally posted by pawky
height is only for inline elements i believe Quite the reverse, dimentions are only for block level elements.Pawky may be thinking of line-height.eh, yea, probably mixed them up
lol thx guys 
Thanks for the "faux columns" link. I've been playing around with that and expect to use it soon.
What I want is for the left div, containing the menu items, to always remain stretched to the bottom.
It works, as long as the content doesn't extend beyond the size of the open window. If it does, when the user scrolls down he/she can see that the black bar doesn't go to the bottom.
Is what I'm trying to do possible? ThanksHiya.
I'm pretty sure the way to do it is to add a:
<div style="clear: both;"> in the same div that contains the content and the left block.
HTH.Perhaps this (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns">http://www.alistapart.com/articles/fauxcolumns</a><!-- m -->) will help.Thanks for the reply, but that didn't seem to have any effect.
From what I've read the only way to do this easily is with a background image, unfortunately I already have one in there which I can't repeat.
It looks like I may have to live with this, change the design, or start building a damn table
Can't you just set the height to 100%?Thanks again for all the replies.I ended up using the 'faux-columns' from the link provided by lavalamp.
It dawned on my that I could overlay my original background image in another div.
Originally posted by DUNSEL Can't you just set the height to 100%?
height is only for inline elements i believeOriginally posted by zbgump
I ended up using the 'faux-columns' from the link provided by lavalamp.Happy to help.
Originally posted by pawky
height is only for inline elements i believe Quite the reverse, dimentions are only for block level elements.Pawky may be thinking of line-height.eh, yea, probably mixed them up
lol thx guys Thanks for the "faux columns" link. I've been playing around with that and expect to use it soon.