I am working on a redesign of an existing site, and I wanted to go with CSS for layout instead of the current table layout. The new design consists of a gray body background, a centered DIV with images positioned at the top and a black background that blends into the bottom of the images. Inside that, there's a centered content area DIV which has a white background and a border. But there's a few problems I've run into.
For the centered DIV, since the images at the top are absolutely positioned, so there's nothing "inside" the DIV to push the bottom down to reveal the black background. I also have a similar problem with the content area. I want to do a 3 column layout in there. To do that, I have to use absolute positioning again for at least 2 of the columns. Because of this, only the column that isn't absolutely positioned is pushing down the bottom of the DIV. The other 2 columns' content goes off the bottom of the DIV. In both cases, I need a way to achieve the same positioning/layout I'm currently getting with absolute positioning, but I also need the elements to be "inside" their parent DIV to push the bottom down. I also need this to work in IE6 and up as well as all of the more standards compliant browsers (Firefox, Opera, etc.). The page in its current state can be seen at: http://livingfaith.com/2_0.php And the CSS file is at: http://livingfaith.com/StyleSheet2_0.css Thanks for any help you can provide. -- Andrew Gaffney agaffney.org ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
