Проблема с прижатием футера
Всем привет.
Хочу сверстать макет, но появилась проблема.
САЙТ ---->>> http://work.zoxs.ru/job/
1. Как сделать так: Чтобы это меню
(выделено красным) . Не растягивалось при масштабировании экрана?
2. Как прижать футер к подвалу. Перепробовал много вариантов. Не один не помогает.
P/S Первый раз встрял так.
Хочу сверстать макет, но появилась проблема.
САЙТ ---->>> http://work.zoxs.ru/job/
1. Как сделать так: Чтобы это меню
(выделено красным) . Не растягивалось при масштабировании экрана? 2. Как прижать футер к подвалу. Перепробовал много вариантов. Не один не помогает.
P/S Первый раз встрял так.
- Убрать весь сайт в один контейнер и задать его ширину. Внутри этого контейнера выровнять по правому краю.
- Сделать так, чтобы страница никогда не помещалась в один экран. Если никак, то зайти на http://ya.ru/ и посмотреть как сделано там.
Я делал так:
Код:
/**
*
*/
function onLoadCallback(){
var heightimg = 0;
var heightmessage = $('#error_message').height()*1;
var heightheader = $('#header').height()*1;
var heightcontent = $("#content").height()*1;
if($(window).height()*1 > (heightmessage+heightheader+heightcontent) ){
heightimg = $(window).height()*1;
}
else{
heightimg = $(document).height()*1;
}
var heightform = (($('#feedback').height()*1)+heightmessage+heightheader+80);
if((heightimg-30) <= heightform)
heightimg = heightimg + 30;
$('#wrapper').css("height",heightimg).css("padding","50px 0 0 0");
$('#footer').css("position","absolute").css("top",heightimg-30).css("width","100%").css("text-align","center").css("padding","0 0 0 0");
}
$(function(){
onLoadCallback();
$(window).bind("resize", onLoadCallback);
$(window).bind("reload", onLoadCallback);
*
*/
function onLoadCallback(){
var heightimg = 0;
var heightmessage = $('#error_message').height()*1;
var heightheader = $('#header').height()*1;
var heightcontent = $("#content").height()*1;
if($(window).height()*1 > (heightmessage+heightheader+heightcontent) ){
heightimg = $(window).height()*1;
}
else{
heightimg = $(document).height()*1;
}
var heightform = (($('#feedback').height()*1)+heightmessage+heightheader+80);
if((heightimg-30) <= heightform)
heightimg = heightimg + 30;
$('#wrapper').css("height",heightimg).css("padding","50px 0 0 0");
$('#footer').css("position","absolute").css("top",heightimg-30).css("width","100%").css("text-align","center").css("padding","0 0 0 0");
}
$(function(){
onLoadCallback();
$(window).bind("resize", onLoadCallback);
$(window).bind("reload", onLoadCallback);