27 марта 2009

Верстальщик-виртуоз. Задание 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 и др.

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

Правила конкурса

Первое задание конкурса

Второе задание конкурса

  • 1 Star2 Stars3 Stars4 Stars5 Stars
  • ОднаКнопка

Комментарии

9
Dimox 27 марта | 12:51

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

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

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

webmolot 27 марта | 12:59

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

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

vic 03 июля | 11:35

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

webmolot 06 июля | 9:55

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

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

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

Константин 13 июля | 6:30

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

diz 01 октября | 14:03

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

гость 29 октября | 12:12

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

Александр 26 ноября | 23:09

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

Серега 26 декабря | 22:07

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

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



 * - поля, обязательные для заполнения