Егор Рублёв

Учитесь формулировать правильные вопросы, тогда и не придётся искать ответы, в большинстве случаев решение уже будет у вас в голове. Учитесь на любых курсах, если есть желание, учитесь вне курсов, разбирайте чужие работы, собирайте свои работы. Опыт, вот самый сильный инструмент.

По идеи не должно быть прокрутки и увеличивать страницу, попробуйте уберите padding: 0; и margin: 0; у body (браузеры автоматически ставят разные значения).

p.s высота 100%, это относительно высоте родительского контейнера, если такого нету, будет 0, или по размерам содержимого.

самый простой способ картинкой, но через css это after и before
https://jsfiddle.net/salofun/rkh5fv3b/

javascript решение. Можно рассчитать высоту страницы + высоту сформировавшегося футера скриптом и прилепить.

Углы можно через svg, но я хз, дружит ли он с IE старыми, скорей всего нет.
Остальное всё элементарно, как обычные bg, на которые накладывается svg в виде белых углов.
Насчёт адаптивности, это нужно смотреть на каждом размере и аккуратно править стили.

https://jsfiddle.net/salofun/fnaoqcyb/4/
На jQuery

position: absolute;
margin: 0 auto;

тогда будет по центру и не влиять на другие элементы.

Обернуть в div с определённым классом, потом подставить этот класс перед всеми свойствами css подключённого элемента.

<div class="wrapperFake">
    ваш элемент
  </div>

.wrapperFake .стильЭлемента {
    ...
}

Через background и градиенты, но проще картинкой.

javascript.ru/blog/plush-grigorij/funkciya-opredel...

Высчитайте общую высоту страницы, потом общую высоту фона (картинки) и установите нужное значение, чтобы смешалось при прокрутке.

jq_144(function($){
	var topNav = $('меню');

	if (topNav.length) {
		_scroll.call(window);
		$(window).on('scroll', _scroll);
	}

	function _scroll () {
		if ($(this).scrollTop() >= высота, когда появляется меню ) {			
			topNav.fadeIn();				
		} else {
			topNav.fadeOut();			
		}
	}
});

Теоретически тебе нужно один раз прописать макрос с автозаменой всех тегов по такому принципу:
строку: border-box:
изменить на:
-webkit-border-box:
-moz-border-box:
и тд (включая строку border-box:)

Макросы поддерживают многие текстовые редакторы notepad++, sublime и тд.

А может и сервисы есть, но я про них не знаю.

Чувак, установи mpqeditor и вырви из архива все, что тебе угодно, когда-то этим баловался, там и редакторы есть для картинок специальные, ищи программы для warcraft 3.