Return to Snippet

Revision: 12945
at April 2, 2009 02:42 by hotdiggity


Initial Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <style type="text/css">
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
*{margin:0;padding:0}
body {
 padding:0;
 margin:0;
 background:pink;
 color: #000000;
}
#outer{
 min-height:100%;
 background:#F8E7EC;
 margin-bottom:-52px;
 color: #000000;
}
 
* html #outer{height:100%} /*for IE as IE treats height as min-height anyway*/
#footer {
 width:100%;
 clear:both;
 height:50px;
 border-top:1px solid #000;
 border-bottom:1px solid #000;
 background-color: #FF8080;
 color: #000000;
 text-align:center;
 position:relative;
}
* html #footer {/*only ie gets this style*/
 \height:52px;/* for ie5 */
 he\ight:50px;/* for ie6 */
}
html > body  #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */
  </style>
 </head>
 <body>
  <div id="minHeight"></div>
  <div id="outer">
   <p>This is some content : This is some content : This is some content : This
    is some content : This is some content : This is some content : This is some
    content : This is some content : This is some content : This is some content
    : This is some content : This is some content : This is some content : This
    is some content : This is some content : This is some content : This is some
    content : This is some content : This is some content : This is some content
    : This is some content : This is some content : This is some content : This
    is some content : This is some content : This is some content : This is some
    content : This is some content : This is some content : This is some content
    : This is some content :
   </p>
   <div id="clearfooter"></div>
  <!-- to clear footer -->
  </div>
<!-- end outer div -->
  <div id="footer">Footer - | | - Footer </div>
 </body>
</html>

Initial URL

                                

Initial Description

                                

Initial Title
Force footer to bottom of page

Initial Tags
css, html

Initial Language
HTML