Hi friends, I'm new to this mailing list. I've been struggling with this footer alignment problem for more than a day, tired of different combinations such as* auto*, *absolute*, *100%* etc
The structure of my page is as follows <div id="wrapper"> <div id="center_col" style=""> <div id="header"></div> <div id="menu_wrap"> </div> <div id="main_content"> <div class="*item_div*"> <p>Content</p> </div> </div> <div id="footer"></div> </div> </div> My content text enclosed in *item_div* has a varying height(retrieving from DB) 1) I want to keep my *footer* aligned at bottom. 2) I want to stretch my *center_col * to the full height of window even when the content is too small. 3) After all cross-browser compatible. Link to my demo page is FooterPos.htm<http://trials.casemumbai.com/trials/FooterPos.htm> and that of CSS is km.css <http://trials.casemumbai.com/trials/km.css> Any help would be appreciated. Thanks and regards, raoof ______________________________________________________________________ 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/