Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Sticky footer is not working and making my right column go crazy
- <body>
- <div id="wrapper">
- <div id="header">
- <div id="logo"></div>
- <div id="appoint">
- <ul>
- <li>info@company.com </li>
- </ul>
- </div><!--appoint div close-->
- <div id="navi">
- </div><!--navigation div close-->
- </div><!--header div close-->
- <div id="slidecontainer">
- </div> <!--closing tag for container-->
- <div id="feature">
- <div id="featurewrap">
- </div> <!--feature wrap close-->
- </div> <!--feature div close-->
- <div id="leftcol">
- </div><!--leftcolumn div close-->
- <div id="rightcol">
- </div><!--right column div close-->
- </div><!--wrapper div close-->
- <div id="footer_wrap">
- <div id="footer">
- <div id="footerleft">
- </div><!--footerleft div close-->
- <div id="footerright">
- </div><!--footerright div close-->
- </div> <!--footer main div close-->
- </div><!--footer div close-->
- <style type="text/css">
- * {
- margin: 0;
- }
- html, body {
- height: 100%;
- }
- #wrapper {
- min-height: 100%;
- height: auto !important;
- height: 100%;
- margin: 0 auto -(<FOOTER_HEIGHT>+<FOOTER_TOP&BOTTOM_MARGIN>)px;
- /* note the negative value */
- }
- #footer_wrap, .push {
- height: <FOOTER_HEIGHT>px;
- }
- </style>
- <div id="wrapper">
- <!-- What ever code is here -->
- <div class="push"></div><!-- this div MUST be last div before closing of "wrapper" -->
- </div>
- <div id="footer_wrap">
- <!-- What ever code is here -->
- </div>
Add Comment
Please, Sign In to add comment