init

03-more/11-css-for-js/06-css-center/02-form-modal/solution.md

@@ -0,0 +1,12 @@
+# Структура решения
+
+Шаги решения:
+<ol><li>
+Для того, чтобы элементы окна не работали, их нужно перекрыть `DIV'ом` с большим `z-index`.</li>
+<li>Внутри него будет лежать "экран" с полупрозрачностью. Чтобы он растягивался, можно дать ему `position: absolute` и указать все координаты `top/left/right/bottom`. Это работает в IE8+.</li>
+<li>Форму можно отцентрировать при помощи `margin` или `display: table-cell` + `vertical-align` на внешнем `DIV`.</li>
+</ol>
+
+# Решение
+
+[edit src="solution"]Открыть в песочнице[/edit]