11

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Example 3: Negative Margins</title>
<meta http-equiv="Content-Type" content="text/html;" />
<style type="text/css" media="screen">
#l_col {
float: left;
background: #0000ff;
}
#m_col {
float: left;
background: #00a0ff;
width: 550px;
}
#r_col {
float: left;
background: #ffff00;
width: 50px;
margin-left: -150px;
}
#help_col {
float: left;
background: #eeeeee;
width: 150px;
margin-left: -100px;
}
</style>
</head>
<body>
<div id="container">
<div id="content">
UG <BR> <BR> <BR> <BR> <BR> <BR> <BR>
</div>
</div>
<div id="sidebar">
<BR>Cledit!<BR>
</div>
<div id="footer">footer</div>
<div style="float: left; width: 600px; background: #77ddaa;">
YA NIIBAZZO TABLICHKA!!!111
</div>
<BR>
<div style="float: left; width: 700px; background: #77ddaa;">
<div id="l_col" >_L_COLL</div>
<div id="m_col" >_Middle_coll</div>
</div>
<div id="r_col">50</div>
<div id="help_col" >_</div>
<BR>
</body>
</html>