Jump to content

Резиновая верстка нерезинового макета


MadMax
 Share

Recommended Posts

Прикольно B) На первый взгляд, макет для фикса предназначен, а нет, вполне и резиной можно сделать))

Только мне сам макет жутко не нравится. Такое ощущение, что он был нарисован дизайнером в состоянии шизоаффективного расстройства с депрессивным течением (или ещё в каком-нибудь).

Link to comment
Share on other sites

Плохо:

- использование img для оформления в хедере и футере, их(img) растягивание это вообще ...

- логотип также лучше сделать через бэкграунд

- кнопки верхнего меню сверстаны неправильно, проведите горизонтально по кнопке - увидите

- много пустых дивов созданных исключительно для оформления. Вы слышали о :before и :after?

- использование разных составных частей бэкграундов для левых и правых блоков в контенте, ведь по сути, блоки слева и блоки справа одинаковы по оформлению кроме цвета. Цвет можно задать через css.

- коментарии в css на русском

- слишком большие отступы по бокам при уменьшении ширины окна браузера, в ie7 при этом левый-нижний блок залазит под подвал

Удачи, Вам.

Edited by webmax7
Link to comment
Share on other sites

- использование img для оформления в хедере и футере, их(img) растягивание это вообще ...

Зато кроссбраузерно ! Переделал, теперь img растягивается только в ие7,8

- логотип также лучше сделать через бэкграунд

сомневаюсь

- кнопки верхнего меню сверстаны неправильно, проведите горизонтально по кнопке - увидите

ага, просмотрел

- много пустых дивов созданных исключительно для оформления. Вы слышали о :before и :after?

ага, слышал. Но для ие7 ничего лучше не придумал

- использование разных составных частей бэкграундов для левых и правых блоков в контенте, ведь по сути, блоки слева и блоки справа одинаковы по оформлению кроме цвета. Цвет можно задать через css.

хорошая идея, так и сделал

- коментарии в css на русском

это плохо?

- слишком большие отступы по бокам при уменьшении ширины окна браузера

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

в ie7 при этом левый-нижний блок залазит под подвал

поправил

Удачи, Вам.

Благодарю !

Допиленная верстка здесь

Edited by MadMax
Link to comment
Share on other sites

1) img никогда!!! не должны тянуться, т.к. это ухудшает качество img

2) для ОФОРМЛЕНИЯ блоков изображениями используют background - это не только кроссбраузерно, но соответствует принципу разделения структуры и оформления

3)before и after для ie7 прекрасно эмулируется с помощью jquery

4)комментарии на русском в css - нормально только если верстаете для себя

5) "слишком большие отступы по бокам при уменьшении ширины окна браузера" - % отступов в соотношении с % контента на маленьких экранах черезчур большой, но такие вопросы обсуждаются с заказчиком, поэтому может вы и правы

Link to comment
Share on other sites

1) img никогда!!! не должны тянуться, т.к. это ухудшает качество img

2) для ОФОРМЛЕНИЯ блоков изображениями используют background - это не только кроссбраузерно, но соответствует принципу разделения структуры и оформления

3)before и after для ie7 прекрасно эмулируется с помощью jquery

4)комментарии на русском в css - нормально только если верстаете для себя

5) "слишком большие отступы по бокам при уменьшении ширины окна браузера" - % отступов в соотношении с % контента на маленьких экранах черезчур большой, но такие вопросы обсуждаются с заказчиком, поэтому может вы и правы

1) А как вы еще потяните такой фон? Или вы полагаете что если сделать его бекграундом и применить background-size, то картинка не потеряет в качестве?

2) И как же вы фон сделаете резиновым для ие7-8? Лучше всего принцип здравого смысла.

3) Если верстать с учетом этого браузера, то лучше добавить пустой элемент в html. Так и нагляднее и кода меньше.

4) Для себя или для русскоязычных клиентов. Что плохого в русских коментах если в код будут смотреть только русские?

Link to comment
Share on other sites

4) Для себя или для русскоязычных клиентов. Что плохого в русских коментах если в код будут смотреть только русские?

А кто может дать гарантию что в код будут смотреть только русские? Я тоже категорически против русских комментов, кроме тех случаев, когда это обговаривается заранее.

Link to comment
Share on other sites

4) Для себя или для русскоязычных клиентов. Что плохого в русских коментах если в код будут смотреть только русские?

А кто может дать гарантию что в код будут смотреть только русские? Я тоже категорически против русских комментов, кроме тех случаев, когда это обговаривается заранее.

Сайт делается на русском, для русских.

Почему нельзя оставить камент на русском?

Link to comment
Share on other sites

Сайт делается на русском, для русских.

Почему нельзя оставить камент на русском?

Из-за возможных проблем с кодировкой, имхо - при просмотре через браузер или в самом файле.

Link to comment
Share on other sites

Не понимаю, о чём спор. Какая разница, на каком языке там комменты, да и вообще что это за комменты? Цель какая, вёрстку обсудить или язык?

Для меня лично вообще пофиг, хоть на китайском))

Link to comment
Share on other sites

Не понимаю, о чём спор. Какая разница, на каком языке там комменты, да и вообще что это за комменты? Цель какая, вёрстку обсудить или язык?

Для меня лично вообще пофиг, хоть на китайском))

Кому надо — поймёт, кто не поймёт — тому вообще нечего в чужой код смотреть))

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy