Прибиваем футер страницы
июля 12, 2007 by adminСегодня пришлось тряхнуть стариной - поверстать. Долго искал, как правильно прибивать футер, но расстроился, не найдя, и решил сделать сам.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”uk”><head><title>Прибиваем подвал</title><style type=”text/css”>* { margin: 0; padding: 0; border: 0;}html, body {height: 100%;}body {min-height:100%;}#content { margin: auto; height: auto !important; min-height:100%; height: 100%;}#footer { margin: auto; margin-top: -100px; height: 100px; clear: both; background: #ffc;}#content div.min-height { width: 1px; height: 100px; border:this solid green;}#few-lines {display:none;}</style><script type=”text/javascript”>function incBlockHeight(blockId) { var step = 200; var textBlock = document.getElementById(blockId); textBlock.style.height = parseInt(textBlock.style.height) + step + ’px’;};</script></head><body><div id=”content”> <div id=”text” style=”height:100px;background-color:#fcc”> <a href=”#” onClick=”incBlockHeight(’text’);return false” >increase content height</a> </div> <div class=”min-height”></div></div><div id=”footer”>footer</div></body></html>PS:Если кто-нибудь подскаже ресурс, где можно разукрасить HTML, буду очень признателен.
Posted in Без рубрики | No Comments »