Помогите пжл с css

Вообщем сделал стиль, в body {} в параметре max-witdh указал максимальную ширину, чтобы с ПК сайт не растягивало на весь экран, соответственно с тлф половина сайта уходит вниз (скрины приложу ниже)
Все, что в голову пришло - это сделать сайдбар выезжающим (например как на спэйсе), но перепробовав уйму вариантов я так и не смог это сделать, не пойму я как это работает, но все-таки знающие люди посоветуйте как можно решить проблему?

Скрины:
с ПК все ровно, как и должно
Прикреплено изображение (Нажмите для увеличения)

а с тлф вот такая шняга
Прикреплено изображение (Нажмите для увеличения)

С удовольствием бы помог, только 3 раза прочитав, так и не понял, что вы хотите и в чем проблема.
Пожалуйста напишите задачу по-русски
Лучше всего в описании использовать принцип - что есть, и что хотели бы получить.
И еще каким то образом желательно увидеть ваш css/html
Возможно вам нужно другие размеры для блоков указать,
а может убрать свойство float,
а может у вас полностью адаптивная верстка и для разных разрешений свой Css.

(Отредактировано автором: 03 Мая, 2014 - 15:37:06)

-----
Если все время идти вперед, до цели будет немного ближе..

Есть css, который с пк отображается нормально, но если зайти с тлф, то отображается только половина сайта, другая уходит вниз т.к. не влезает все содержимое на экран тлф.
Поэтому я хочу сделать сайдбар (боковую панельку, которая будет выезжать слева при клике, если не понятно что это, то вот пример http://jemand.ru/examples/vydvigayushhayasya-panel-na-css.html) Проблема в том, что я незнаю как он делается. Либо подскажите как и что можно сделать, чтобы зайдя с тлф на сайт, он отображался нормально, тоесть в целостности.
P.S. изложил максимально подробно

Вот исходники

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

Или вы хотите чтобы сайт на ПК и мобильных был совсем одинаковым?
Если да то чуть позже подскажу верстку.
В двух словах...
1) Сайдбар который появляется нужно заранее спозиционировать по центру окна и создать стили.
По умолчанию у него свойство Css display: none;
2) делаем кнопку и привязываем события клика. При клике свойство Css делаем display: block;
3) Также делаем событие клика по кнопке закрытия сайдбара и меняем Css display: none;
Для обработки событий используем js или jQuery

(Отредактировано автором: 03 Мая, 2014 - 16:25:12)

-----
Если все время идти вперед, до цели будет немного ближе..

Дело в том, что я мног овариантов сайдбаров перепробовал, у меня не получилось его организовать.
Вообще в идеале я бы хотел, чтобы, как вы уже поняли страница отображалась одинаково как с пк, так и с телефона.
Сайдбар - это лишь моя попытка сделать хоть что то ))

(Добавление)
Скинул примерный набросок, хотя в верстке у вас есть много непонятно для чего сделанных стилей.
При переходе по ссылке сайдбар будет исчезать, так как для каждой новой страницы у него по умолчанию display:none;

(Отредактировано автором: 03 Мая, 2014 - 21:40:33)

-----
Если все время идти вперед, до цели будет немного ближе..

Благодарю. С принципе все хорошо, только подскажите пжл что сделать, чтобы при выезжании сайдбара другая часть сайта отодвигалась вправо и затемнялась?

Вот, посмотрите, нашел исходник (вроде бы нужного сайдбара) js + задействованные дивы.
Не понятно только как его использовать, конкретно где и что прописывать

1. При верстке делать абсолютное позиционирование перемещаемых элементов.
2. Для затемнения делаем анимацию изменения стилей на jQuery.
и добавляем еще один div выше сайдбара по коду.

-----
Если все время идти вперед, до цели будет немного ближе..