From fa2d43ad37bb38ced52f9594e827e0ac47f4ade2 Mon Sep 17 00:00:00 2001
From: Artem <akuvaldin@sitesoft.ru>
Date: Thu, 6 Dec 2012 17:57:56 +0500
Subject: [PATCH] dz6

---
 ...\272\321\200\320\276\320\262\321\214.html" |  20 +++
 ...\260\320\275\320\265\320\273\321\214.html" |  38 ++++++
 ...\272\320\265\321\202\320\276\320\262.html" |  57 ++++++++
 ...\273\320\276\320\272\320\276\320\262.html" | 126 ++++++++++++++++++
 ...\275\320\276\320\262\321\213\320\271.html" |  68 ++++++++++
 5 files changed, 309 insertions(+)
 create mode 100644 "\320\234\320\260\320\273\320\260\321\217 \320\272\321\200\320\276\320\262\321\214.html"
 create mode 100644 "\320\237\320\260\320\275\320\265\320\273\321\214.html"
 create mode 100644 "\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"
 create mode 100644 "\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"
 create mode 100644 "\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271.html"
diff --git "a/\320\234\320\260\320\273\320\260\321\217 \320\272\321\200\320\276\320\262\321\214.html" "b/\320\234\320\260\320\273\320\260\321\217 \320\272\321\200\320\276\320\262\321\214.html"
new file mode 100644
index 0000000..75158fb
--- /dev/null
+++ "b/\320\234\320\260\320\273\320\260\321\217 \320\272\321\200\320\276\320\262\321\214.html"	
@@ -0,0 +1,20 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Малая кровь</title>
+<style type="text/css">
+.b-center {
+	background-color:#666;	
+	position:absolute;	
+	right:0px;
+	left:0px;
+	top:0px;
+	bottom: 0px;	
+}
+</style>
+</head>
+<body>
+<div class='b-center'>Left</div>
+</body>
+</html>
diff --git "a/\320\237\320\260\320\275\320\265\320\273\321\214.html" "b/\320\237\320\260\320\275\320\265\320\273\321\214.html"
new file mode 100644
index 0000000..d4d7657
--- /dev/null
+++ "b/\320\237\320\260\320\275\320\265\320\273\321\214.html"
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Документ без названия</title>
+<style type="text/css">
+.b-body{
+	width:970px;
+}
+.b-left{
+	background-color:#000;
+	min-height:300px;
+	display:inline-block;
+	width:320px;
+}
+.b-center {
+	background-color:#666;
+	min-height:300px;
+	display:inline-block;	
+	width:320px;			
+}
+.b-right {
+	background-color:#99C;
+	min-height:300px;
+	display:inline-block;	
+	width:320px;			
+}
+</style>
+</head>
+
+<body>
+<div class="b-body">
+<div class='b-left'>left</div>
+<div class='b-center'>center</div>
+<div class='b-right'>right</div>
+</div>
+</body>
+</html>
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.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.html"
new file mode 100644
index 0000000..76914f3
--- /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.html"	
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Документ без названия</title>
+<style type="text/css">
+.b-left{
+	background-color:#000;
+	min-height:300px;
+	color:#FFF;
+	
+}
+.b-center {
+	background-color:#666;
+	min-height:600px;	
+}
+.b-right {
+	background-color:#99C;
+	min-height:300px;			
+}
+@media  screen and (min-width:480px){
+.b-body{	
+	max-width:768px;
+	margin:0 auto;
+	
+	}
+
+.b-center {	
+	float:left;		
+	width:30%;			
+		
+	
+}
+.b-left {	
+	min-width:240px;
+	float:left;
+	width:70%;	
+	
+			
+}
+.b-right {
+	min-width:240px;		
+	float:right;
+	width:70%;
+	
+}	
+}
+</style>
+</head>
+
+<body>
+<div class="b-body">
+<div class='b-center'>Left</div>
+<div class='b-left'>right-top</div>
+<div class='b-right'>right-bottom</div>
+</body>
+</html>
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.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.html"
new file mode 100644
index 0000000..6703774
--- /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.html"	
@@ -0,0 +1,126 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Перенос блоков</title>
+<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
+<script type="text/javascript">
+$(document).ready(function(e) {
+	var width = $(window).width();
+	if (width <= 767) {
+		var height_center_block = $('.b-center').height();
+		$('.b-left').css({'margin-top' : height_center_block});
+		}
+		else {
+			$('.b-left').css({'margin-top' : '0px'});
+		}
+	$(window).resize(function (){
+		var width = $(window).width();
+		if (width <= 767) {
+		var height_center_block = $('.b-center').height();		
+		$('.b-left').css({'margin-top' : height_center_block});
+		}
+		else {
+			$('.b-left').css({'margin-top' : '0px'});
+		}
+	});
+   
+});
+
+</script>
+<style type="text/css">
+.b-left{
+	background-color:#000;
+	min-height:300px;
+}
+.b-center {
+	background-color:#666;
+	min-height:300px;			
+}
+.b-right {
+	background-color:#99C;
+	min-height:300px;			
+}
+@media  screen and (min-width:1000px){
+	.b-body{	
+	width:100%;
+	overflow:visible;
+	}
+.b-left {	
+	display:inline-block;
+	margin-left:-4px;
+	width:250px;	
+	
+			
+}
+.b-center {	
+	display:inline-block;
+	margin-left:-4px;
+	min-width:250px;	
+	width:50%;			
+		
+	
+}
+.b-right {
+	display:inline-block;
+	margin-left:-4px;	
+	width:250px;
+	
+}	
+}
+@media  screen and (min-width:768px) and (max-width:999px){ 
+.b-left {	
+	float:left;
+	min-width:250px;	
+	width:auto;
+			
+}
+.b-center {		
+	min-width:300px;		
+	width:auto;
+		
+	
+}
+.b-right {
+	min-width:250px;
+	width:auto;
+	
+}
+}
+@media screen  and (max-width:767px){
+.b-body{	
+	
+	}
+.b-left {		
+	min-width:150px;
+	width:100%;	
+	margin-top:300px;
+					
+}
+.b-center {	
+	top:0;	
+	position:absolute;	
+	min-width:150;		
+	width:100%;			
+}
+.b-right {	
+	clear:both;
+	min-width:150px;
+	width:100%;	
+}
+}
+
+</style>
+</head>
+
+<body>
+<div class="b-body">
+<div class='b-left'>left</div>
+<div class='b-center'>center</div>
+<div class='b-right'>right</div>
+</div>
+
+
+
+</body>
+</html>
diff --git "a/\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.html"
new file mode 100644
index 0000000..a6a049a
--- /dev/null
+++ "b/\320\240\320\265\320\267\320\270\320\275\320\276\320\262\321\213\320\271.html"
@@ -0,0 +1,68 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Резиновый</title>
+<style type="text/css">
+.b-left{
+	background-color:#000;
+	min-height:300px;
+	color:#FFF;
+	
+}
+.b-center {
+	background-color:#666;
+	min-height:300px;			
+}
+.b-right {
+	background-color:#99C;
+	min-height:300px;			
+}
+@media  screen and (min-width:480px){
+.b-body{	
+	max-width:768px;	
+	overflow:visible;
+	}
+.b-left {
+	min-width:240px;
+	float:left;
+	width:50%;
+	
+	
+	
+			
+}
+.b-center {			
+	width:100%;			
+		
+	
+}
+.b-right {
+	min-width:240px;		
+	float:left;
+	width:50%;
+	
+}	
+}
+</style>
+</head>
+
+<body>
+<div class="b-body">
+<div class='b-center'>Top</div>
+<div class='b-left'>asdf adsf asdf asdf asdf asdfa sdfa sd
+fasd fasdf asdf
+ asdfa
+ sd fasd
+ f asd
+ f asdf asdf asdfa asdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sd
+ asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf 
+ asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf 
+ asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf 
+ asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf 
+ asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf asdfa sdfa sdasdf adsf asdf asdf asdf 
+ </div>
+<div class='b-right'>right</div>
+</div>
+</body>
+</html>
