Юрий Лобанов

jsfiddle.net/iiil/bDGhg/4
Резиновая по ширине таблица.
Одной строкой

Все можно через css, ты что?
getbootstrap.com/examples/sticky-footer
getbootstrap.com/examples/cover
getbootstrap.com/getting-started/#examples короче
Много разных вариантов, пользуйся поиском.

jsfiddle.net/iiil/NsG83/2

jsfiddle.net/iiil/y3fem/19
Так будет корректно работать при многократных кликах.

$('#start').click(function(e){
      e.preventDefault();
      $('html, body').animate({scrollTop:500}, 5000);
      });
     });

jsfiddle.net/iiil/TJ7RM/1

jsfiddle.net/iiil/TJ7RM

Смотрите, у Вас переменная the_permalink() в выводе превью - туда надо помещать якорь.
Но дело в том, что непосредственно посты выводятся в div'ы без id, поэтому - на что Вы якорить собрались?
Ну в общем-то надо во-первых изменить вывод постов, чтобы div имел id, во-вторых, сделать так, чтобы это же значение id попадало в переменную the_permalink().
Не совсем понятно, вот я пользователь - ткнул на превью статьи - логично вроде бы отправлять меня на эту статью, а Вы получается отправляете на еще один список статей.
Соответственно, вопрос, что у Вас в переменной the_permalink() ?

Мне кажется проблема в использовании label. Он связан с input и у Вас отрабатывается двойной клик.
Попробуйте изменить, используйте, например, параграф.
Эту догадку подтверждает и то, что работает по нажатию правой - после первого клика он сразу вызывает контекстное меню и второй клик не обрабатывается. При нажатии на label (на текст лэйбла) происходит только один клик.
попробую для проверки накидать пример. Но Вам конечно будет проще попробовать.

upd: вот пример jsfiddle.net/iiil/uq8p6/3
Как видите, я был прав.