Сайт обрезается при уменьшении дисплея

[lovi]

Название сайта-  http://help-for-computer.ru .Сайт обрезается на телефонах. Когда писал его, так старался,что даже для ie 5.5 его тестил. На валидаторах протестил. А вот на маленьких дисплеях забыл. Что теперь делать, как исправить? Там при заходе с телефона даже номер, куда звонить, не видно(((

 

P.S.: еще, вопрос: почему у меня на samsung galaxy s4 при заходе через chrome на сайт ширина блока главного уменьшается(строчки плывут), я же зафиксировал ее width:1000px?

Edited January 31, 2014 by lovi

[Veseloff]

div.main {    left: 50%;    ;    position: absolute;    width: 1000px;}

Вот это для чего?

 

P.S. А, я кажется понял. Это вы так блок по центру равняете. А почему бы не использовать банальнейший margin: 0 auto; ?

P.P.S margin - left : -500px парсер почему-то съедает

[lovi]

А почему бы не использовать банальнейший margin: 0 auto; ?

Попробовал, тогда строка меню "Главная-Контакты" перестает реагировать на наведения и на нажатия мышью, то есть становится просто картинкой.

П.С.: Пробовал также "min-width:1000px;" для "body" задавать- не получается. К "div.main" пробовал "overflow:hidden;" дописывать- тоже не получается.

[Switch74]

у вас получается .background накрывает все, для каких целей вы его делали, если у него нет ни цвета ни запаха?

Удалите его и все будет работать с margin:0 auto;

[lovi]

Всем спасибо за ответы. Жаль репутацию не могу Вам поднять.