AlexKardone

https://learn.javascript.ru/css-center

Если центрируются не-блочные элементы, например inline или inline-block, то vertical-align может решить задачу без всяких таблиц.
Правда, понадобится вспомогательный элемент (можно через :before).

Пример:

<style>
.before {
  display: inline-block;

AlexKardone

html {
  position: relative;
  min-height: 100%;
}

body {
  margin: 0 0 100px;
}

.page-footer {

AlexKardone

$("body").on('click', '[href*="#"]', function(e){
  var fixed_offset = 100;
  $('html,body').stop().animate({ scrollTop: $(this.hash).offset().top - fixed_offset }, 1000);
  e.preventDefault();
});

AlexKardone

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

<div class='thetop'></div>
<div class='testheight'>Some exciting content... Scroll down for the button to appear.<br><br>
<i class="fa fa-4x fa-thumbs-up fa-spin"></i>
</div>

<div class='scrolltop'>
    <div class='scroll icon'><i class="fa fa-4x fa-angle-up"></i></div>
</div>

AlexKardone

https://codepen.io/YRaj/pen/jYmqjb

AlexKardone

function widthDetect() {
		$('.class-name').css('width', $(window).width());
	};
	$(window).resize(function() {
		widthDetect();
	});

AlexKardone

http://dimox.name/verstka-zagolovka-s-gorizontalnoj-liniej-sleva-i-sprava-ot-teksta/

AlexKardone

#loader {
    background: none repeat scroll 0 0 #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;

AlexKardone

// Хедер на всю высоту и автоматическое подстраивание под изменение высоты окна
	function heightDetect() {
		// height header equals height of screen
		$(".main_head").css('height', $(window).height());
	};
	heightDetect();
	$(window).resize(function() {
		heightDetect();
	});

AlexKardone

* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
}

.wrap {