Вопросы по адаптивной верстке

[chiffenok]

Добрый день, я первый раз делаю адаптивную верстку в связи с этим у меня возникают вопросы

здесь моя верстка, часть я уже сделала

1. Подскажите как быть с каруселью где логотипы когда ресайзешь окно а потом делаешь на полное окно, они идут не по линии

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

3. Общее замечания

заранее благодарна

вот адаптивный дизайн:

[Great Rash]

Это не совсем адаптивный сайт. У вас просто пропадает правая колонка.

[madhed]

Добрый день, я первый раз делаю адаптивную верстку в связи с этим у меня возникают вопросы

здесь моя верстка, часть я уже сделала

1. Подскажите как быть с каруселью где логотипы когда ресайзешь окно а потом делаешь на полное окно, они идут не по линии

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

3. Общее замечания

заранее благодарна

совсем, совсем не верный подход к мобильному решению! Ведь главное на сайте не меню, а информация! и уж тем более не рассылка!

Посмотрите на тот же Гугл в мобильном виде: http://clip2net.com/s/2DHOQ а вот развернутое меню: http://clip2net.com/s/2DHP9

Оно на видном месте, легко доступно и не занимает СТОЛЬКО полезной площади для информации.

Раз это магазин, то пользователю в первую очередь нужны контакты (они есть) и товары. Потом, скорее всего его заинтересуют хиты продаж... А вот блоком с логотипами может не заинтересоваться вовсе, т.к. эта информация внизу, и до нее долго листать.

Серенькая панелька у вас вложена с несколько дивов с разными отступами (в том числе и отрицательными)... Стоит немного поправить стили для мобильного через @media...

[chiffenok]

извиняюсь что не отвечала не много приболела

совсем, совсем не верный подход к мобильному решению! Ведь главное на сайте не меню, а информация! и уж тем более не рассылка!

Посмотрите на тот же Гугл в мобильном виде: http://clip2net.com/s/2DHOQ а вот развернутое меню: http://clip2net.com/s/2DHP9

Оно на видном месте, легко доступно и не занимает СТОЛЬКО полезной площади для информации.

Раз это магазин, то пользователю в первую очередь нужны контакты (они есть) и товары. Потом, скорее всего его заинтересуют хиты продаж... А вот блоком с логотипами может не заинтересоваться вовсе, т.к. эта информация внизу, и до нее долго листать.

вы наверно не правильно поняли вопрос, я спрашивала про техническую часть верстки, а дизайн мне дали готовый уже по нему и делаю, тут не мне решать я верстальщик

но в любом случае спасибо информация пригодится на будущее

Стоит немного поправить стили для мобильного через @media...

вот тут мне хотелось бы поподробнее

Это не совсем адаптивный сайт. У вас просто пропадает правая колонка.

возможно но в этом вопросе я человек подневольный)

Edited December 26, 2012 by chiffenok

[madhed]

chiffenok, я тоже верстальщик. Но все же высказываю свое мнение клиентам, пусть даже это идет в разрез с дизайном. Отношения с заказчиками еще ни разу от этого хуже не стали, только наоборот.

Про медиа http://htmlbook.ru/css/value/media можно почитать. И вот более конкретный пример: http://habrahabr.ru/post/119127/

[chiffenok]

да спасибо, я правда это все читала),

тут вообще встал такой большой вопрос , есть например телефоны с высоким разрешением но сами по себе не большого размера, а есть планшетники с похожим разрешением но уже с большим экраном, можно ли как то их различать и давать тому телефону и планшетнику разные таблицы стили?

[klierik]

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

задача верстальщика реализовывать. задача дизайнер - что нужно иметь в итоге при тех или иных условиях )