Блог Верстальщик-виртуоз. Задание 3

Сверстать страницу по картинке. При верстке необходимо соблюдать условия:

  1. верстка должна в точности соответствовать рисунку (пиксельная точность)
  2. верстка резиновая. Левая колонка фиксированной ширины, правая — тянется
  3. минимальная ширина страницы 600px
  4. футер прижат к низу страницы
  5. колонки растягиваются на всю высоту экрана
  6. кроссбраузерность Internet Explorer 5.5 +, Mozilla Firefox 2.0 +, Opera 8.5 +, Google Chrome, Safari 3.0 +
  7. валидный HTML и CSS
  8. чистый HTML и CSS, без javascript, expression и др.

Успехов! Награда ждет своего победителя!

Комментарии

Dimox 27 марта 2009 года, 12:51 #

Как же не вовремя ты всегда задания выкладываешь. Я два дня без дела сидел, а теперь вот занят… А задание-то очень интересное.

Интересно будет посмотреть, кто как сделает минимальную ширину без javascript и expression. Один метод я знаю, интересно, будут ли другие =)

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

Greg 27 марта 2009 года, 12:59 #

В условиях смущает Internet Explorer 5.5. Зачем это старье?

чтобы не расслаблялись, виртуозов все таки ищем :)

vic 03 июля 2009 года, 11:35 #

Что, повымерали все!?

webmolot 06 июля 2009 года, 9:55 #

VIC, все живы-здоровы! А блог заморозился на время. Но на это были причины. Пока я отдыхал, мой хостинг-провайдер (буржуйский) был арестован FTC, хостерам был закрыт доступ к сети и к оборудованию. Они не смогли выдать бэкапы. Я ждал, пока пройдет суд, надеялся всетаки получить бэкап, но все напрасно.

Что ж, бывают и такие неудачи в жизни! Но расстраиваться не будем, будем работать дальше, заниматься своим любимым делом!

К сожалению, читатели сейчас не могут просмотреть как проходил 3-й конкурс верстальщиков-виртуозов. Вкратце расскажу. Участники присылали свои решения, но ни в одном из них не выполнялись все условия. Наибольшие сложности вызывал Internet Explorer 5.5
Мне пришлось показать свое правильное решение и конкурс остался без победителя.

Константин 13 июля 2009 года, 6:30 #

А можно ссылку на правильное решение…Искал по сайту, но не нашел

diz 01 октября 2009 года, 14:03 #

А где можно взглянуть на решение?

гость 29 октября 2009 года, 12:12 #

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

Александр 26 ноября 2009 года, 23:09 #

ну, и кто тут лучший? кого на работу брать?

Серега 26 декабря 2009 года, 22:07 #

Поправьте рисунок что нужно сделать, интересно все же что там за задание было, с 27 марта нет результатов?

Olga 27 июля 2010 года, 19:06 #

А где можно увидеть решение?

Константин 01 августа 2010 года, 15:18 #

Кто-нибудь решил эту задачу?

webmolot 25 сентября 2010 года, 17:07 #

Вариант правильного решения смотрите здесь (архив)

DmitRRR 23 ноября 2010 года, 15:55 #

Было бы неплохо видеть ход решения по шагам (как рождался код). Я новичек в блочной верстке, но очень хочу освоить. Посмотрел данное задание и его решение — впечатлен способностями блочной css верстки, но как ни смотрел и ни изучал код, так и не могу понять как и отчего отталкивались и почему это работает так или иначе (очень тяжело после таблиц перестроить свое мышление видимо). Могли бы вы делать решения с комментариями или отдельно сделать раздел «уроки». Спасибо.

webmolot 23 ноября 2010 года, 16:01 #

DmitRRR, постараюсь в ближайшее время что-нибудь похожее сотворить

Написать комментарий

Используйте в комментариях html-теги

ссылка — <a href=""> </a>
выделение — <strong> </strong>
удалённый текст — <del> </del>
цитата — <blockquote> </blockquote>
фрагмент кода html — <pre lang="html"> </pre>
фрагмент кода css — <pre lang="css"> </pre>

Подпишитесь!

Внимание! АКЦИЯ!

Вступите в группу Вконтакте и получите бесплатную консультацию по верстке. Расскажите друзьям про группу и получите 5% скидку на услуги Webmolot.com