diff --git "a/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/style.css" "b/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/style.css" new file mode 100644 index 0000000..aa45246 --- /dev/null +++ "b/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/style.css" @@ -0,0 +1,53 @@ +.block { + max-width: 1000px; + margin: auto; +} +.left { + background: #e0e0ff; + float: left; + height: 100%; + width: 20%; +} +.right_top{ + background: #7373ff; + float: right; + height: 50%; + width: 80%; +} +.right_bottom { + background: #babaff; + width: 80%; + height: 50%; + float: right; +} +@media all and (max-width: 799px) { +.left { + width: 100%; + height: 20%; +} + +.right_top { + width: 100%; + height: 60%; +} +.right_bottom { + width: 100%; + height: 60%; +} +} + +@media all and (max-width: 650px) { +.left { + width: 100%; + height: 10%; +} + +.right_top { + width: 100%; + height: 80%; +} +.right_bottom { + width: 100%; + height: 60%; +} +} \ No newline at end of file diff --git "a/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262.html" "b/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262.html" new file mode 100644 index 0000000..302c926 --- /dev/null +++ "b/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262/\320\237\320\265\321\200\320\265\320\272\320\273\321\216\321\207\320\265\320\275\320\270\320\265 \320\274\320\260\320\272\320\265\321\202\320\276\320\262.html" @@ -0,0 +1,24 @@ + + + + + Переключение макетов + + + + +
+ +
+ Левая часть +
+
+ Правая верхняя часть +
+ +
+ Правая нижняя часть +
+
+ + \ No newline at end of file diff --git "a/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/style.css" "b/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/style.css" new file mode 100644 index 0000000..568dff8 --- /dev/null +++ "b/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/style.css" @@ -0,0 +1,53 @@ +.left { + position: relative; + float: left; + height: 100%; + width: 85%; + min-width: 400px; +} +.right{ + background: #e0e0ff; + float: right; + height: 100%; + min-width: 15%; +} +.center_left { + position: absolute; + background: #babaff; + width: 15%; + height: 100%; + bottom: 0; + float: left; +} +.center { + position: absolute; + background: #7373ff; + height: 100%; + width: 85%; + right: 0; + top: 0; +} +@media all and (max-width: 799px) { +.left { + width: 100%; +} +.right{ + width: 100%; + height: 50%; +} +} + +@media all and (max-width: 650px) { +.left { + height: 150%; +} +.center_left { + width: 100%; + height: 35%; +} +.center { + width: 100%; + height: 65%; + float: right; +} +} \ No newline at end of file diff --git "a/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262.html" "b/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262.html" new file mode 100644 index 0000000..e4f7a22 --- /dev/null +++ "b/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262/\320\237\320\265\321\200\320\265\320\275\320\276\321\201 \320\261\320\273\320\276\320\272\320\276\320\262.html" @@ -0,0 +1,24 @@ + + + + + Перенос блоков + + + + +
+
+
+ Левая часть +
+
+ Основная информация сайта +
+
+
+ Правая часть +
+
+ + \ No newline at end of file diff --git "a/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/style.css" "b/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/style.css" new file mode 100644 index 0000000..f33d775 --- /dev/null +++ "b/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/style.css" @@ -0,0 +1,30 @@ +.header { + position: relative; + background: #7373ff; + min-height: 100px; + max-width: 1250px; + margin: auto; + text-align: center; + min-width: 300px; +} +.center { + position: relative; + min-height: 400px; + max-width: 1250px; + min-width: 300px; + margin: auto; +} +.left { + background: #babaff; + float: left; + width: 50%; + min-width: 300px; + min-height: inherit; +} +.right { + background: #e0e0ff; + float: right; + width: 50%; + min-width: 300px; + min-height: inherit; +} \ No newline at end of file diff --git "a/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271.html" "b/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271.html" new file mode 100644 index 0000000..dbf4273 --- /dev/null +++ "b/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271.html" @@ -0,0 +1,24 @@ + + + + + Резиновый + + + + +
+
+ Схема сайта +
+
+
+
+ Основная информация сайта +
+
+ Ссылки +
+
+ + \ No newline at end of file