SHOW:
|
|
- or go back to the newest paste.
| 1 | <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> | |
| 2 | <head> | |
| 3 | <title>template - width 1024 center</title> | |
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> | |
| 5 | ||
| 6 | <style> | |
| 7 | * {margin: 0; padding: 0}
| |
| 8 | html, body {height: 100%}
| |
| 9 | ||
| 10 | body {
| |
| 11 | background: #CCFF33; | |
| 12 | } | |
| 13 | ||
| 14 | #content {height: auto !important; height: 100%; min-height: 100%; background: #FFFFCC}
| |
| 15 | #content .menu {width: 1024px; margin: 0 auto; padding: 105px 20px 5px 20px; border: 1px solid red;}
| |
| 16 | #content .container {width: 1024px; margin: 0 auto; padding: 30px 20px 60px 20px; border: 1px solid red;}
| |
| 17 | ||
| 18 | #footer {height: 50px; margin-top: -50px; background: #CCFFFF}
| |
| 19 | #footer .container {width: 1024px; margin: 0 auto; padding: 5px; border: 1px solid red;}
| |
| 20 | ||
| 21 | #header {width: 100%; height: 100px; position: absolute; top: 0; left: 0; background: #CCFFCC }
| |
| 22 | #header .container {width: 1024px; margin: 0 auto; padding: 20px; border: 1px solid red;}
| |
| 23 | ||
| 24 | /* FIX FOR IE6 */ | |
| 25 | *html body { text-align: center;}
| |
| 26 | *html div.menu { text-align: left;}
| |
| 27 | *html div.container { text-align: left;}
| |
| 28 | </style> | |
| 29 | </head> | |
| 30 | ||
| 31 | <body> | |
| 32 | <div id="header"><div class="container">Шапка</div></div> | |
| 33 | <div id="content"> | |
| 34 | <div class="menu"><a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a></div> | |
| 35 | <div class="container"> | |
| 36 | <h3>Content header</h3> | |
| 37 | <br /><br /> | |
| 38 | content<br /> | |
| 39 | content<br /> | |
| 40 | content<br /> | |
| 41 | content<br /> | |
| 42 | content<br /> | |
| 43 | content<br /> | |
| 44 | </div> | |
| 45 | </div> | |
| 46 | <div id="footer"><div class="container">Подвал</div></div> | |
| 47 | </body> | |
| 48 | </html> |
