Две колонки

by pharma_nsk

HTML

<body>
<div>
<header>header</header>
<div class="container">
<div class="tablerow">
<aside>s
i
d
e
b
a
r</aside>
<section>c
o
n
t
e
n
t</section>
</div>

</div>
<footer>footer</footer>
</div>
</body>

CSS

body {
  background-image: url('https://bryanhadaway.com/testing/background-generator/backgrounds/OptDStripes.png'); font-size:30px;  font-weight:bold;}
div {width:400px; margin:auto}
header, footer {height:100px; background-image:url("http://mytestsite.meximas.com/css/pattern-b4nb.png"); text-align:center; line-height:100px;}
.container {display:table;}
.tablerow {display: table-row;  }
aside, section {display:table-cell;text-align: center; background-image:url("http://elemisdesign.com/img/114/1.jpg"); width:150px; white-space: pre;padding-top:20px auto;}
section {background-image:url("https://halgatewood.com/wp-content/uploads/2011/10/ios-linen-light-gray.png"); width:auto;}
footer {background-image:url("http://orig08.deviantart.net/24ea/f/2011/353/2/d/tv_noise__static__snow_by_n4pgamer-d4jko59.png")}