Ferzet

Возможно просто разные матрицы у ноутбуков. Но скорее всего разные настройки цветокоррекции, подключены разные цветовые профили. Фотошоп при открытии не ругается?

Разная гамма + разные мониторы.
Чтобы везде было одинаково нужны норальне мониторы и калибрация.
Посмотрите на мониторы фирмы eizo например.

Верстайте 10 000 часов, со временем к вам в голову будут приходить мысли, что ещё нужно изучить, всегда начинайте с практики, начинайте прямо сейчас))

footer {
    clear: both;
}

dimox.name/press_footer_bottom_with_css я юзаю 2 способ и никаких проблем.

jsfiddle.net/wyqxh99r/1

codepen.io/paulradzkov/full/OPXqgL — пример макета без учета IE9

HTML 5, если уж так по-новомодному цепляться к этой магической цифре 5, строится в первую очередь вокруг семантики. Семантика выплывает из контекста, создаваемого контентом. Поэтому без понимания того, какой у вас контент этой страницы, все советы будут достаточно абстрактны. Разберитесь с блочными, строчными, и особенно секционирующими элементами. Разберитесь с семантической нагрузкой на элементы. А если совсем кратко, примитивная структура:

header
nav
article
  header
  ... основной контент ...
  footer
aside
  ... второстепенный контент ...
footer

или

header
nav
section
  article
    header
    ...
    footer
  article
    header
    ...
    footer
section
  header
  ...
  footer
footer

csstemplater.com генератор под ваш вкус.

htmlbook.ru/layout/fiksirovannaya-shirina-ispolzov... вконце пример для html5, слева еще примеры макетов

Скажите, а на комп вы ставите Windows XP, и браузером у вас IE6, а фильмы вы качаете из eMule? Хватит жить в 20-м веке.