Revision: 12945
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
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