Как правильно верстать такие макеты...

[xsladfs]

Всем привет!
Подскажите пожалуйста, как верстать макет ширина которого больше 1024px ? Вычитал что сайт должен нормально смотреться во всех стандартных разрешениях от 1024 независимо от ширина в psd.

 

[npofopr]

Резиновая верстка это называется.

Верстаете под 1024, а выше, пусть растягивается всё. Только я бы делал ограничение в 1200px, например.

 

Т.е. у вас будет:

min-width: 980px;max-width: 1200px;

[xsladfs]

  On 11/16/2014 at 3:31 AM, npofopr said:

 

Резиновая верстка это называется.

Верстаете под 1024, а выше, пусть растягивается всё. Только я бы делал ограничение в 1200px, например.

 

Т.е. у вас будет:

min-width: 980px;max-width: 1200px;

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

вот к примеру форма(ниже скрин)  помеченные 1, 2, 3 нужно верстать в одну колонку, верно ?

Edited November 16, 2014 by xsladfs

[npofopr]

Сума сошли?)

Всё также и верстается. Можно верстать в % и всё будет растягиваться.

 

Вообще лучше вам с дизайнером обговаривать такие вещи. 

[xsladfs]

  On 11/16/2014 at 10:26 AM, npofopr said:

Сума сошли?)

Всё также и верстается. Можно верстать в % и всё будет растягиваться.

 

Вообще лучше вам с дизайнером обговаривать такие вещи. 

нет, просто без понятия как верстать такие шаблоны. Я только начинаю изучать верстку и мне не с кем обговорить такие вещи(шаблоны беру бесплатные с интернета).

[npofopr]

Ну в интернете масса материалов о адаптивной/ резиновой верстке.

Можете посмотреть как работают популярные css-фреймворки. 

[parzhitsky]

Да, просто используйте как можно меньше абсолютных величин – и будет Вам счастье.

[psixodyb]

В таких шаблонах и должно быть все внутри этой сетки, просто пишите  min\max-width используете проценты где надо и получаете резиновую верстку.

[Sergik+]

По факту если в ТЗ нету ни слова про резиновую верстку то и не надо ее, 960 и 1024 устарело уже,

сейчас почти пришли к соглашению на 1200, хотя конечно на 1024 на айпаде старом будут проблемы

но тут уже наверное проще адаптив делать если есть условие делать с поддержкой мобильных

устройств.

[npofopr]

  On 11/17/2014 at 4:18 AM, Sergik+ said:

По факту если в ТЗ нету ни слова про резиновую верстку то и не надо ее

"каждый верстальщик, должен быть дизайнером". Если в ТЗ нет ни слова, значит надо спросить у составителя ТЗ или дизайнера.