Skip to content

Instantly share code, notes, and snippets.

@Vnr
Created February 2, 2014 00:47
Show Gist options
  • Select an option

  • Save Vnr/8761480 to your computer and use it in GitHub Desktop.

Select an option

Save Vnr/8761480 to your computer and use it in GitHub Desktop.
* {margin: 0; padding: 0;}
html, body { height: 100%; }
.page {
background: grey;
min-height: 100%;
position: relative;
/* Same height as the footer*/
margin-bottom: -150px;
padding-bottom: 150px;
/* These allow the box model to include padding */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page-footer, .page-header { height: 150px; }
.page-header { background: yellow; }
.page-footer {
/*make sure it sits on top*/
position: relative;
z-index: 1;
background: brown;
}
.container {
margin: 0 auto;
width: 80%;
max-width: 1140px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div class="page">
<div class="page-header">
<div class="container">
</div>
</div>
<div class="container">
<h2>Рома!</h2>
<p>Очистить от ядрышек 2 кг. грецких орехов. Растолочь скорлупу и смешать с фруктами
в 2 литрах рома. Употреблять 3–4 раза в день.</p>
<h2>Кровавая Мери</h2>
<p>Влить в бокал хорошую 100% кровь по лезвию ножа. Влить водку &laquo;Смирновскую&raquo;.
Пить залпом.</p>
<h2>Грог по-рыбацки</h2>
<p>1 рыбу залить кипятком, через 5 минут процедить и добавить грога. Подавать в чашках.</p>
<h2>Хвангур</h2>
<p>Сварить на медленном огне воду. Добавить в нее хлива и хрольва. Довести до кипения.</p>
<h2>Царская водка</h2>
<p>Смешать 2 части соляной кислоты и 1 часть азотной со льдом. Слить охлажденную смесь
в фужер. Пить залпом.</p>
<h2>HotDog</h2>
<!--Main content goes here-->
</div>
</div>
<div class="page-footer">
<div class="container">
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment