BODY margin Убираем отступы all text-align left width 800px margin aut

 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
BODY {
margin: 0; /* Убираем отступы */
}
#all {
text-align:left;
width:800px;
margin:0 auto;
}
#header {
background-color:#ADBBFF;
height:80px;
}
#navigation {
background:#e3f4ff;
float:left;
width:150px;
margin-left:0px;
}
#content {
background:#FFFFFF;
width:640px;
// margin: 0 150px;
padding: 5px;
float: right;
}
#footer {
background:#FF8488;
clear:both;
}
.ramka {
padding: 0 2px;
width: 150px;
outline:1px solid #7F0000;
margin: 0 2px;
float:left;
background: #FFE28E;
}
.text
{float:left;}
<html>
<head>
<title>Библиотека статей by Foton</title>
<link rel="stylesheet" type="text/css" href="foton.css" />
</head>
<body>
<div id="all">
<div id="header">Библиотека статей</div>
<div id="navigation">тут будет большое и красивое меню</div>
<div id="content">
<div class="text">Автор:</div><div class="ramka">Программинг</div>
<div class="text">Рубрика:</div><div class="ramka">Программинг</div>
</div>
<div id="footer">&copy 2008-2009 Foton</div>
</div>
</body>
</html>