diff --git a/Move-on_come-on.html b/Move-on_come-on.html
new file mode 100644
index 0000000..9b162d8
--- /dev/null
+++ b/Move-on_come-on.html
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+ display: inline-block
+
+
+
+
+
+Задание №4* «Двигайся, давай»
+
+ Данное решение не работает в Firefox
+
+
+Вернуться назад
+
+
+
+Блок
+
+
+ - Школа
+ - Разработчиков
+ - Интерфейса
+
+
Задание №1 (display: float)
+
+ Данное решение сделано с использованием float
+
+
+
+ - Минус: расположение блоков не совсем верное - центральный блок по коду идет последним
+
+
+Вернуться назад
+
+
+
+
+
+ Школа
+
+
+ интерфейсов
+
+
+ разработки
+
+
+
+
Задание №3 «Подвал»
+
+ Данное решение реализовано при помощи абсолютно спозиционированного подвала и задания нижнего внутреннего
+ отступа у основного блока.
+
+
+
+
Вернуться назад
+
+
+
+
+
Задание №3 «Подвал»
+
+ Данное решение реализовано при помощи задания для основного блока минимальной высоты, равной 100%, с последующей
+ вставкой между подвалом (задан отрицательный отступ вверх, равный высоте подвала) и основным блоком для случая, если
+ контент достигает подвала (происходит смещение подвала вниз)
+
+
+
Вернуться назад
+
+
+
+
+
Задание №2 (По ширине страницы, если блок имеет фиксированную высоту)
+
+ Как и в случае с шириной - задаем отступ в 50% от высоты экрана, а затем смещаем этот блок ниже, на расстояние, равное половине высоте нашего блока
+
+
+Вернуться назад
+
+
+ Яндекс. ШРИ. Екатеринбург
+
+
+
+
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..90a304d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,76 @@
+
+
+
+
+ Модель отображения
+
+
+
+Задание №1 «Эй вы, трое»
+Реализуйте трёхколоночную резиновую разметку страницы вида 1-2-1 (25%–50%–25%).
+
+Решение:
+
+
+Задание №2 «Всегда в центре»
+У вас есть абсолютно спозиционированный блок с каким-то содержимым. Необходимо поместить его в центре.
+
+Решение:
+
+ -
+ По ширине страницы, если
+
+
+ -
+ По высоте страницы, если
+
+
+
+
+Задание №3 «Подвал»
+
+ Реализуйте прибитый подвал. Т.е подвал, который всегда прибит к нижней границе viewport'а, если высота содержимого
+ меньше высоты viewport'а, и находится под содержимым, в случае если высота содержимого больше высоты viewport'а
+
+
+Решение:
+
+
+Задание №4* «Двигайся, давай»
+
+ Реализуйте разметку
+
+
+Решение:
+
+
+Задание №5* «Тройняшки мы»
+
+ Нужно реализовать такое поведение трех элементов интерфейса (например, кнопок) при котором каждая кнопка занимает
+ примерно треть пространства. И, если уменьшая браузер одна из кнопок достигает своего минимального размера, то
+ остальные кнопки тоже перестают уменьшаться по ширине.
+
+
+Решение:
+
+
+
+
\ No newline at end of file
diff --git a/inline-table.html b/inline-table.html
new file mode 100644
index 0000000..b52c3f0
--- /dev/null
+++ b/inline-table.html
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+ display: inline-block
+
+
+
+
+
+Задание №1 (display: inline-block)
+
+ Данное решение было реализовано при помощи сброса высоты строки, про которое рассказывали на лекции (font: 0px/0 a).
+
+
+
+ - Минус: невозможность задать margin, padding, border и др. у блоков (которые приводят к увеличению ширины блока)
+
+
+Вернуться назад
+
+
+
+
+
+ Школа
+
+
+ разработки
+
+
+ интерфейсов
+
+
Задание №5* «Тройняшки мы»
+
+ В разных браузерах работает по разному
+
+
+Вернуться назад
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/table.html b/table.html
new file mode 100644
index 0000000..b468ef2
--- /dev/null
+++ b/table.html
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+ table
+
+
+
+
+
+Задание №1 (table)
+
+ Данное решение было реализовано при помощи таблицы.
+
+
+
+ - Плюс: решение работает в IE7+
+
+
+Вернуться назад
+
+
+
+
+
+ | Школа |
+ разработки |
+ интерфейсов |
+
+
+
+
+
+
\ No newline at end of file
diff --git a/width-fix.html b/width-fix.html
new file mode 100644
index 0000000..56552e0
--- /dev/null
+++ b/width-fix.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+ width: fix
+
+
+
+
+
+Задание №2 (По ширине страницы, если блок имеет фиксированную ширину)
+
+ Так как известна ширина блока, задаем отступ в 50% от ширины вьюпорта, а затем смещаем этот блок левее, на расстояние, равное половине ширине нашего блока
+
+
+Вернуться назад
+
+
+ Яндекс. ШРИ. Екатеринбург
+
+
+
+
\ No newline at end of file