Первая верстка "Husband"

[seemax]

Прошу посмотреть верстку новичка.

Где белые пятна в моей подготовке наиболее заметны?

http://seemax.pomidor.com.ua/Husband.html

Задание не смог реализовать, при резине 100% правая картинка в хедере лезет на левую. Мне казалось обе картинки должны изменяться пропорционально размерам экрана.

Прошу, также, помочь понять непонятое:

Две колонки между Хед и Фут имеют один цвет, но левая за счёт фоновой картинки с мелкими градиентами снизу и сверху. Размер картинки 294х520 px. Мне показалось правильным задать соотв размеры лев колонки и соотв высоту правой. В результате они никак не хотели прижаться равномерно по высоте к вышестоящему блоку.

Попытки вспомнить про схлёстывание блоков и задать одинаков top\bottom margin не уравнивали колонки по низу вышестоящего блока.

Попытки поиграться с высотой колонок привели к искомому результату, как видите, но всё это как то коряво и методом тыка. Тем более, высоту пришлось задать вопреки всякой логике: левая (фон картинка 294х520) высота 405px, правая 500px.

Что могло повлиять на такое поведение колонок?

К тому же, несмотря на наличие особ условий для IE, именно в нём колонки всё также скачут по низу. При уменьшении масштаба в IE Хед и осн часть наезжают безжалостно на горизонтальный блок между ними.

Edited February 1, 2012 by seemax

[Softlink]

Вам с колонками надо было делать совсем иначе. Их сразу обе в обертку, обертке задать фоном цвет вот этих блоков и overflow:hidden; В результате не надо будет ничего ограничивать по высоте и у вас блок будет залит одним цветом. Правую колонку надо двигать через margin-left > width сайдбара.

Много недочетов, правда.

Телефон скопировать нельзя. Вы вообще интересно придумали весь хедер сделать из двух здоровенных фонов. Хотя можно было все побить на отдельные блоки.

Меню странно сделано. У вас ширина самой ссылки ну 100-150 пикселей, однако она тянется на все 200. Использовать исключительно инлайновые элементы для таких случаев не самый подходящий вариант. Посмотрите как на многих других сайтах сделано и как задавать отступы между пунктами.

[seemax]

Вам с колонками надо было делать совсем иначе. Их сразу обе в обертку, обертке задать фоном цвет вот этих блоков и overflow:hidden; В результате не надо будет ничего ограничивать по высоте и у вас блок будет залит одним цветом. Правую колонку надо двигать через margin-left > width сайдбара.

Много недочетов, правда.

Телефон скопировать нельзя. Вы вообще интересно придумали весь хедер сделать из двух здоровенных фонов. Хотя можно было все побить на отдельные блоки.

Меню странно сделано. У вас ширина самой ссылки ну 100-150 пикселей, однако она тянется на все 200. Использовать исключительно инлайновые элементы для таких случаев не самый подходящий вариант. Посмотрите как на многих других сайтах сделано и как задавать отступы между пунктами.

Спасибо, я попробую применить ваши корректировки.

[klierik]

нечего тут смотреть.

бери макеты от сюда: http://forum.htmlbook.ru/index.php?showforum=31 и их делай. потом выкладыай. уж полюбому лучше чем то что сейчас.

[seemax]

Итоговое спасибо всем, всем кто кинул взгляд и даже ответил.

Линк закрыт, всё в доработке.