[Помогите] Какой сайт лучше резиновый или фиксированный

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем MGT1, 24 фев 2013.

?

С каким сайтом удобнее работать

  1. Фиксированным

    40 голосов
    57,1%
  2. Резиновым

    30 голосов
    42,9%
  1. MGT1

    MGT1

    Регистрация:
    5 янв 2013
    Сообщения:
    617
    Симпатии:
    182
    Делаю сайт (интернет-магазин), вот думаю, какой лучше - фиксированный или резиновый.
    У всех ведь разные мониторы - и то что хорошо смотрится на 15'6 не факт что будет нормально смотреться на 23' да и наоборот.

    Также подскажите, как на опенкарте сделать к примеру с фиксированного - резиновый сайт.
     
  2. Павел_Б

    Павел_Б

    Регистрация:
    12 янв 2013
    Сообщения:
    67
    Симпатии:
    6
    Вчера смотрел сайт на мониторе Фул ХД 1080, получается по бокам две огромные полосы свободного пространства, а сам сайт занимает всего половину экрана. Смотрится не очень.. Тоже задумался над этим вопросом. Но шаблон не хочется переделывать. Например ВКонтакте фиксированный же))
     
  3. ronin99981

    ronin99981

    Регистрация:
    19 янв 2013
    Сообщения:
    88
    Симпатии:
    8
    Не совсем понимаю что имеется ввиду, если у меня, к примеру главное меню содержит 30 категорий в ряд, это же оно когда будет "резиновым" должно сжиматься? И как это будет влиять на отображение?
    Хз, может как то не так понимаю тему, так что заранее прошу прощения если задел чьи то чувства :Smile:
     
  4. MGT1

    MGT1

    Регистрация:
    5 янв 2013
    Сообщения:
    617
    Симпатии:
    182
    Ширина сайта "резиновая". А можно взглянуть на сайт как выглядит?
    --- добавлено: 24 фев 2013 в 13:29 ---
    В контакте то фиксированное окно отображения 607*, дале рамка 10* и следующие идет margin
     
  5. weber

    weber

    Регистрация:
    7 фев 2013
    Сообщения:
    98
    Симпатии:
    32
    вообще говоря о большом количестве разрешений сейчас уже не редко берется на рассмотрение не фиксированная и резиновая верстка. а адаптивная. Хоть это и немного из другой степи, но все же. И сам в последнее время много думал о важности резиновых дизайнов, но если честно это довольно сложно в том плане что зоопарк устройств с очень разными разрешениями велик и в идеале, для правильного отображения на самых популярных из них изначально нарисовать несколько вариантов дизайна. Так как порой дизайнер рисует один вариант. не предусматривая возможность ресайза, а например на мобильных экранах потом начинаются такие чудеса.

    Поэтому мое мнение. резиновый дизайн лучше, если есть дополнительное время и финансы. А иначе лучше фиксированный.
     
  6. MGT1

    MGT1

    Регистрация:
    5 янв 2013
    Сообщения:
    617
    Симпатии:
    182
    Можно подробнее - что значит адаптивная?
     
  7. weber

    weber

    Регистрация:
    7 фев 2013
    Сообщения:
    98
    Симпатии:
    32
    Если в двух словах то адаптирующийся под любое разрешение, подробнее можно почитать тут и тут. Часто можно услышать англоязычное название - Responsive Design.
     
  8. 12341

    12341

    Регистрация:
    13 фев 2013
    Сообщения:
    343
    Симпатии:
    904
    только фикс. интернет-магазин - это не визитка и не портал, красивым и пресыщенным функционалом ему быть не надо, достаточно быть лаконичным. чем в магазине проще, тем лучше для конверсии. допустим в магазине резиновый шаблон, если юзер зашел первый раз, например с рабочего компа (моник 22 дюйма), посерфил, приметил товар, затем через время зашел с ноута (скажем 17), а сайт уже немного не тот, он подсознательно растеряется. это все дурость и буссмысленные извращения, максимум можно использовать адаптивную верстку, но только при уменьшении экрана, а не наоборот, чтобы верхняя планка оставалась фиксированной.
     
    sitecreator нравится это.
  9. sjer

    sjer

    Регистрация:
    17 янв 2013
    Сообщения:
    108
    Симпатии:
    84
    резиновый, т.к слишком различные размеры компьютерных устройств сегодня
     
  10. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.050
    Симпатии:
    777
    Думать о размерах уже не имеет смысла: сейчас на телефоне разрешение может быть больше, чем на мониторе и от резиновости в данном случае не будет никакой пользы.
    Если есть большое желание подстраиваться под экраны, единственный вариант - адаптивная вёрстка.
     
  11. DionisCR

    DionisCR

    Регистрация:
    17 фев 2013
    Сообщения:
    108
    Симпатии:
    57
    Я предпочитаю главную делать фиксом, а некоторые внутренние, где две колонки по бокам, резиной. Тогда есть возможность подстраиваться под размер экрана пользователя, когда информации много

    Адаптивная вёрстка - пока не изучал глубоко этот вопрос, буду в ближайшее время
     
  12. MGT1

    MGT1

    Регистрация:
    5 янв 2013
    Сообщения:
    617
    Симпатии:
    182
  13. weber

    weber

    Регистрация:
    7 фев 2013
    Сообщения:
    98
    Симпатии:
    32
    Резиновый. но с ограничением. То есть до 1200 пикселей в ширину он тянется, а если разрешение больше то остается фиксированная ширина.
     
  14. MGT1

    MGT1

    Регистрация:
    5 янв 2013
    Сообщения:
    617
    Симпатии:
    182
    Это в принципе оптимальный вариант наверное?
    --- добавлено: 24 фев 2013 в 19:14 ---
    Хорошо, а как сделать это на сайте опенкарт с фиксированной шириной?

    Хочу сделать что-бы сайт растягивался к примеру от 960 до 1200, а если больше - то шел уже дальше фон.
     
  15. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.050
    Симпатии:
    777
    Просто воспользуйтесь min-width и max-width:

    Код:
    .content{
    min-width: 960px;
    max-width: 1200px;
    }
    .content - блок с контентом.
     
    MGT1 нравится это.
  16. IvanCo

    IvanCo

    Регистрация:
    23 дек 2012
    Сообщения:
    56
    Симпатии:
    5
    Мое скромное мнение: для магазинов дизайн должен быть не резиновый, не адаптивный, а с фиксированной шириной. В первую очередь потому, что дизайн магазина должен предусматривать размещение на страницах большого набора продуктов (особенно представленного в виде сетки), а контролировать на 100% эстетичность заполнения содержимым большого набора блоков - практически невозможно.
     
  17. MGT1

    MGT1

    Регистрация:
    5 янв 2013
    Сообщения:
    617
    Симпатии:
    182
    В принципе я дошел до вывода, что нужно сделать с минимальной и максимальной (к примеру от 960 до 1200). Для мобильных устройств - отдельный шаблон с возможностью перехода на полную версию. Такой вариант подходит?
    --- добавлено: 24 фев 2013 в 23:21 ---
    Получилось.

    /* layout */
    #container {min-width: 960px; max-width: 1200px; margin:0 auto;}
     
  18. Vipgluck

    Vipgluck

    Регистрация:
    26 фев 2013
    Сообщения:
    4
    Симпатии:
    0
    Для интернет магазина лучше всего использовать фиксированную верстку. Резина сделает сайт пустым. А Адаптивный вариант для магазина особо не подойдет - если конечно у вас не куча модулей - которые автоматом можно все запихнуть в правый\левый бок.
     
  19. DLL_23Rus

    DLL_23Rus

    Регистрация:
    11 фев 2013
    Сообщения:
    59
    Симпатии:
    8
    Полностью поддерживаю Vipgluck, интернет магазин, должен быть легким, простым, дружелюбным к пользователю и фиксированным.
     
  20. partizzzzzan

    partizzzzzan

    Регистрация:
    21 июн 2012
    Сообщения:
    20
    Симпатии:
    1
    Резиновый диз нужно делать только для больших экранов, для мобильников смысла нет, тем более там разрешения экранов уже дошли до уровня настольных пк и ноутбуков.
    я уже писал в соседней теме, что уделить внимание нужно выполнению всех js скриптов на разных платформах (особенно iphone/ipad)