Thanks Dave

 

The link for that is http://www.alistapart.com/articles/fauxcolumns/

 

But its not working for me, my CSS for the nav area is as follows

 

div#navigation_bg {

            position: absolute;

            width: 230px;

            height: 100%;

            margin: 0px;

            padding: 0px;

            top: 20px;

            right: 100px;

            background-color: #FFD400;

            background-image: url(../images/nav_bg2.gif) ;

            background-repeat: repeat-y;

            z-index: 4;

}

 

 

Ah, that is a common problem. A good way is to use a background image to
mimic column heights. I have that info in books but don't know a good online
resource for it off the bat.The problem is that elements only stretch as far
down as they need to. Use a vertically tiled background image and a rule
like so to the body element: 

background-image: #fff url(/images/foo.gif) repeat-y 50% 0;

...as the body fills the screen you now have the illusion of columns at the
desired width no matter how little content sits in the right hand column.  

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to