Оцените резиновую верстку, пожалуйста

[stan07]

Добрый день!

http://weburoki.com.ua/portfolio/bani/

[Daiver]

В стилях всего тела документа убрать min-width: 1150px; а то при ширине экрана 1024px не хватает резиновости.

Заголовок "Трехмернокомьютерновизуализационные услуги" это заказчик придумал такие умные слова? Очень трудно воспринимается.

Карусель изображений крутит картинки в противоположную от привычного направления сторону. И еще там одна картинка с бассейном повторяется дважды.

[red4pony]

У .block измените/уберите width.

[npofopr]

Что в вашем понимании резиновая верстка?)

[stan07]

  On 5/8/2013 at 10:23 AM, Daiver said:

Заголовок "Трехмернокомьютерновизуализационные услуги" это заказчик придумал такие умные слова? Очень трудно воспринимается.

Ну не я ж такой умный))

  On 5/8/2013 at 10:30 AM, red4pony said:

.block измените/уберите width

Дело в том что если убрать width, то полосочки-разделители в ие7 обрежутся

  On 5/8/2013 at 10:34 AM, npofopr said:

Что в вашем понимании резиновая верстка?)

Это верстка которая может сужатся/расшырятся до определенного размера )

[red4pony]

  On 5/8/2013 at 12:14 PM, stan07 said:

Дело в том что если убрать width, то полосочки-разделители в ие7 обрежутся

Сделайте li блочными.

[stan07]

  On 5/8/2013 at 1:14 PM, red4pony said:

  On 5/8/2013 at 12:14 PM, stan07 said:

Дело в том что если убрать width, то полосочки-разделители в ие7 обрежутся

Сделайте li блочными.

Сделал, все равно обрезаются (

Edited May 8, 2013 by stan07

[red4pony]

Без указания ширины контейнера сделал <a> блочными и проверил в IE10 (mode 7) - не обрезается.

Edited May 8, 2013 by red4pony

[npofopr]

Я может чего то не понимаю, но о какой вы все резиновости говорите, когда на 1175px уже появляется скролл?

Может у меня закешилось?

браузер: Chrome

[stan07]

  On 5/8/2013 at 1:53 PM, red4pony said:

Без указания ширины контейнера сделал <a> блочными и проверил в IE10 (mode 7) - не обрезается.

Не знаю, вот что у меня в ие7 http://s017.radikal.ru/i428/1305/3f/245dc0c3a8d9.jpg

[red4pony]

  On 5/8/2013 at 2:06 PM, stan07 said:

  On 5/8/2013 at 1:53 PM, red4pony said:

Без указания ширины контейнера сделал <a> блочными и проверил в IE10 (mode 7) - не обрезается.

Не знаю, вот что у меня в ие7 http://s017.radikal....45dc0c3a8d9.jpg

Вы были правы. Странное поведение(может гуру объяснят). Наверное тут либо увеличить width (у левого - 180px, у правого 190px), либо с помощью таблиц.

  On 5/8/2013 at 2:03 PM, npofopr said:

Я может чего то не понимаю, но о какой вы все резиновости говорите

Говорит об этом только автор.

Daiver указала причину почему

  On 5/8/2013 at 2:03 PM, npofopr said:

на 1175px уже появляется скролл

[stan07]

  On 5/8/2013 at 2:03 PM, npofopr said:

Я может чего то не понимаю, но о какой вы все резиновости говорите, когда на 1175px уже появляется скролл?

Такой макет

[red4pony]

.wrapper {
margin: 0 auto;
padding-bottom: 200px;
width: 80%;

Я так понимаю что min-width Вы выставили 1150px потому что после этого значение меню уезжает вниз? Так пусть уезжает. Возьмите и с помощью медиа запроса max-width:1150px установите правила чтобы заголовок и меню центрировались. Ну и дальше там подправите 'Варианты' и 'Разделы'.

[npofopr]

  On 5/8/2013 at 3:02 PM, stan07 said:

Такой макет

зачем тогда создавать тему, про оценку резиновости сайта, которой тут и не пахнет.

[stan07]

  On 5/8/2013 at 3:30 PM, red4pony said:

.wrapper {
margin: 0 auto;
padding-bottom: 200px;
width: 80%;

Я так понимаю что min-width Вы выставили 1150px потому что после этого значение меню уезжает вниз? Так пусть уезжает. Возьмите и с помощью медиа запроса max-width:1150px установите правила чтобы заголовок и меню центрировались. Ну и дальше там подправите 'Варианты' и 'Разделы'.

Но это уже не резиновая а адаптивная верстка получается

  On 5/8/2013 at 3:41 PM, npofopr said:

  On 5/8/2013 at 3:02 PM, stan07 said:

Такой макет

зачем тогда создавать тему, про оценку резиновости сайта, которой тут и не пахнет.

Сайт на больших мониторах тянется, значит резиновый сайт ))

Edited May 8, 2013 by stan07

[red4pony]

  On 5/8/2013 at 3:51 PM, stan07 said:

Сайт на больших мониторах тянется, значит резиновый сайт ))

Нужно же учитывать и тех у кого маленький. Как минимум 960px. Стандарт под который верстают 1024х768, от ширины отнимают скрол, бар(у меня например unity panel 32px), плюс Mac'оводы не разворачивают на весь экран Окна.

[stan07]

  On 5/8/2013 at 4:07 PM, red4pony said:

  On 5/8/2013 at 3:51 PM, stan07 said:

Сайт на больших мониторах тянется, значит резиновый сайт ))

Нужно же учитывать и тех у кого маленький. Как минимум 960px. Стандарт под который верстают 1024х768, от ширины отнимают скрол, бар(у меня например unity panel 32px), плюс Mac'оводы не разворачивают на весь экран Окна.

А как же тогда быть если ширина макета 1600px и заказчик требует верстать пиксель в пиксель?

[red4pony]

1. Убедить заказчика что среди посетителей его сайта будут "мобильные" пользователи и верстать адаптивно(вы же веб-мастер и это ваша работа, ну или менеджера вашей студии)
   
2. Забить на первый пункт и верстать как он хочет(только если он точно знает чего хочет и полностью осознаёт ситуацию)
   
3. Забить на заказчика
   

[stan07]

  On 5/8/2013 at 4:23 PM, red4pony said:

1. Убедить заказчика что среди посетителей его сайта будут "мобильные" пользователи и верстать адаптивно(вы же веб-мастер и это ваша работа, ну или менеджера вашей студии)
   
2. Забить на первый пункт и верстать как он хочет(только если он точно знает чего хочет и полностью осознаёт ситуацию)
   
3. Забить на заказчика
   

Ну так по второму пункту я и работаю )

[Daiver]

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

  On 5/8/2013 at 3:51 PM, stan07 said:

Сайт на больших мониторах тянется, значит резиновый сайт ))

Если он тянется на больших мониторах, а на маленьких не тянется - это что угодно, но точно не резиновый сайт.

Резиновый сайт - это когда при любой величине монитора он будет пропорционально соответствовать макету.

Т.е. если какой-то блок занимает на макете 30% от ширины страницы, то на всех разрешениях он будет 30% от ширины страницы.