1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Выравнить сайт по центру

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем castromen, 23 июл 2013.

  1. castromen

    castromen

    Регистрация:
    18 июл 2013
    Сообщения:
    33
    Симпатии:
    4
    Помогите выравнять сайт по центру при просмотре через мобильный.
    Сейчас часть сайта видно.
     
  2. yurets86

    yurets86

    Регистрация:
    13 апр 2013
    Сообщения:
    394
    Симпатии:
    328
    вот я смотрю счас, именно счас - все ровно!!! ) и через комп, и планшет и телефон! все ЧЕТКО!
     
  3. castromen

    castromen

    Регистрация:
    18 июл 2013
    Сообщения:
    33
    Симпатии:
    4
    А у меня вот так выглядит:
    [​IMG]
     
  4. malegender

    malegender

    Регистрация:
    16 июл 2013
    Сообщения:
    18
    Симпатии:
    3
    Доброго времени суток. Такая же проблема.
    OpenCart
    Выравнивание сайта происходит в CSS
    #container
    {
    width: 1024px;
    margin:0 auto;
    text-align: left;
    }
    Но на телефоне/планшете это не работает, так как фиксированая ширина 1024 больше разрешение экрана и браузер не может задать поля соответственно.
    Читал что то про медиа-запросы, но не понял как реализовать.
    Помогите пожалуйста!
     
  5. malegender

    malegender

    Регистрация:
    16 июл 2013
    Сообщения:
    18
    Симпатии:
    3
    Бился я бился.. ничего у меня толком не вышло. Экспериментировал с медиа-запросами, вроде получается но в IE8 с ними не дружит, а подружить не смог я их.
    В результате сделал так:
    #container
    {
    width: 1024px;
    margin-left: 12%;
    margin-right: 12%;
    text-align: left;
    }
    Отступы делаются, на планшете и телефоне вроде нормально смотрится. Пока будет так.
     
  6. malegender

    malegender

    Регистрация:
    16 июл 2013
    Сообщения:
    18
    Симпатии:
    3
  7. alex_storm

    alex_storm webdev

    Регистрация:
    11 дек 2012
    Сообщения:
    1.151
    Симпатии:
    667
    Чтобы все отображалось нормально и везде нужно поставить фреймверк, который уже настроен для этих целей.
     
  8. Misterio

    Misterio

    Регистрация:
    7 авг 2013
    Сообщения:
    14
    Симпатии:
    1
    а margin:0 auto !mportant; или для родителя задать align="center" не пробовал?
     
  9. malegender

    malegender

    Регистрация:
    16 июл 2013
    Сообщения:
    18
    Симпатии:
    3
    нет не работает(( на планшете все равно смещение к одной стороне
     
  10. yaskin2

    yaskin2

    Регистрация:
    29 авг 2013
    Сообщения:
    6
    Симпатии:
    1
    HTML:
    left: 50%;
    попробуй
     
  11. aleksander73945

    aleksander73945

    Регистрация:
    7 сен 2013
    Сообщения:
    45
    Симпатии:
    7
    left: 50%;
    margin: 0 0 0 -512px;
    position: absolute;
    width: 1024px;
     
  12. cmax

    cmax

    Регистрация:
    11 сен 2013
    Сообщения:
    7
    Симпатии:
    1
    В целом и вправду, если есть возможность, использовать уже готовые шаблоны.