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/

Reply via email to