<div class="wrapper"> <header class="header"> <strong>Header:</strong> </header> <div class="middle"> <div class="container"> <main class="content">
</main> </div> <aside class="left-sidebar"> <strong>Left Sidebar:</strong> </aside> </div> <footer class="footer"> <strong>Footer:</strong> </footer> </div>
<!DOCTYPE html> <html> <head> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <style> /* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End of Eric Meyer's CSS Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font: 12px/18px Arial, sans-serif; } .wrapper { width: 100%; min-width: 1000px; } .header { height: 150px; background: #FFE680; } .middle { width: 100%; position: relative; } .middle:after { display: table; clear: both; content: ''; } .container { width: 100%; float: left; overflow: hidden; } .content { padding: 0 0 0 270px; } .left-sidebar { float: left; width: 250px; margin-left: -100%; position: relative; background: #B5E3FF; } .footer { height: 100px; background: #BFF08E; } </style> </head> <body> %include=header.html% <strong>Content:</strong> здесь скрипт форума, то что между боди %include=footer.html% </body> </html>
90 •