Не могу справится с размерами сайта

Всем привет! Буду признателен за помощь. Собственные знания html есть, но похоже их не хватает.
Подскажите в чем проблема: в шаблоне сайта установлена (в данный момент 1500рх) ширина 100% но сайт не раздвигается и не сжимается по размеру дисплея - приходится двигать сайт бегунком внизу экрана.
и еще - на мобильных устройствах отображение идет вообще другое - шапка показывается на половине экрана, а тело сайта уходит за границу экрана и опять приходится двигать.
сайт: goldgadget.ru
В файле шаблона site.php прописано: (сейчас пишу без ситаксиса)
html 100%
head 100%
body 100%

Там у вас косяков много в верстке. Гигантские картинки, гигантские отступы. Верхнее меню надо переделывать. Мало прописать 100% чтоб сайт сам ужимался. Нужно еще, чтоб все элементы умели ужиматься. Уменьшите окно браузера и смотрите что не дает сайту ужаться ;)

По поводу мобильной версии лень проверять, но думаю, что многое решится, когда косяки в верстке будут исправлены.

лучше использовать
@media screen and (min-width:1000px) {...}
@media screen and (min-width:600px) and (max-width:999px) {...}
@media screen and (max-width:599px) {...}

и еще на быстрый взгляд у body

width: 100%; position: center margin:0 auto;

должно быть как минимум

width: 100%; position: center; margin:0 auto;

Большим картинка на главнйо можно поставить width:100%; height:auto; тогда они на разном экране буту приемлемо помещаться

fenks