не выделяется первый столбец

[ыра]

Только начинаю изучать по самоучителям - не могу никак понять, почему не выделяется первый столбец? float и width , вроде как в учебнике

<code>
#column1 {
float:left;
width:19%;
left:0%
color:blue;
background-color:white;
background-image:;
background-repeat:;
Background-attachment:;
background-position:;

margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;

font-family: arial, verdana, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1em;
text-indent:;
text-align: center;
text-decoration:;
letter-spacing:;
text-transform:;
border-width: 0;
border-style: ;
border-color: ;
z-index:;
}

#column21 {
float:left;
width: 90%;
left:;
color:120a8f;
background-color:#fdeaa8;
background-repeat:;
Background-attachment:;
background-position:;

font-family: verdana, sans-serif,arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
p {text-indent: 30px;
text-align: justify;
text-decoration:;
letter-spacing:;
text-transform:;
}
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;

h1 {font-family:gungsuhChe, arial, verdana;
font-size: 3em;
letter-spacing:2em;
text-align: center;
}
h2{
font-family: arial black;
font-size: 2em;
letter-spacing:1em;
text-align: center;
}



a:link {
color: blue;
}
a:visited {
color: red;
}
a:active {
background-color: #FFFF00;
text-decoration:none;
}
a:hover {
letter-spacing: 10px;
font-weight:bold;
color:red;
}

border-width: 0;
border-style: ;
border-color: ;
z-index:;
}


#column2 {
float:left;
width: 60%;
left:19%;
color:2a52be;
background-color:#fdeaa8;
background-repeat:;
Background-attachment:;
background-position:;

font-family: sans-serif,arial, verdana;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
text-indent: 30px;
text-align: justify;
text-decoration:;
letter-spacing:;
text-transform:;

h2{
font-family: arial black;
font-size: 2em;
letter-spacing:1em;
text-align: center;
}

a:link {
color: blue;
}
a:visited {
color: red;
}
a:active {
background-color: #FFFF00;
text-decoration:none;
}
a:hover {
letter-spacing: 10px;
font-weight:bold;
color:red;
}

border-width: thick;
border-style: double;
border-color: gold;
z-index:;
}

#column3 {
float:left;
width: 19%;
color:blue;

margin-top: 7px;
margin-right: 7px;
margin-bottom: 7px;
margin-left: 7px;

background-color:white;
background-image:;
background-repeat:;
Background-attachment:;
background-position:;
font-family: verdana, arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
text-indent: 30px;
text-align: justify;
text-decoration:;
letter-spacing:;
text-transform:;
border-width: 0;
border-style: solid;
border-color: orange;
z-index:;
}

</code>

http://www.wikonomika.ru/kniga.html - сама страничка

#column21 вкладывается в #column2

#column1 и #column3 сами по себе, #column1 не выделяется или #column2 не отъезжает?

[Naive]

Не понятно, что именно должно "выделяться", как и при каком событии.
Также вопрос, нахрена столько лишнего кода? Это дримвивер какой-нибудь постарался?

#column1 {
left:0%
background-image:;
background-repeat:;
Background-attachment:;
background-position:; /*
  Зачем эти пять строчек?
*/

margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px; /* не проще ли margin:5px; ? */

font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1em;
text-indent:;
text-decoration:;
letter-spacing:;
text-transform:;
border-width: 0;
border-style: ;
border-color: ; /* Зачем это все? */

z-index:; /* Со статичным позиционированием (по умолчанию) он и так работать не будет */

}

#column21 {
width: 90%; /* первая же была 19%, почему тут 90? Она съедет ниже */
left:;
color:120a8f; /* в шестнадцатеричном коде цвет задается после решетки, как строкой ниже */
background-color:#fdeaa8;
background-repeat:;
Background-attachment:;
background-position:;
/* Еще 3 бесполезных строчки */

font-family: verdana, sans-serif,arial;
font-style: normal; /* аналогично */
font-variant: normal; /* аналогично */
font-weight: normal; /* аналогично */
font-size: 12px;

/* селектор не закрыт */
p {text-indent: 30px; 
text-align: justify;
text-decoration:; 
letter-spacing:;
text-transform:; /* еще три бесполезных строки, зачем указывать свойство без параметра? */
}
/* закрыт селектор, следующий не открыт */
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px; /* margin:10px; */

/* не закрыт неоткрытый селектор */
h1 {font-family:gungsuhChe, arial, verdana; 
font-size: 3em;
letter-spacing:2em;
text-align: center;
}
h2{
font-family: arial black;
font-size: 2em;
letter-spacing:1em;
text-align: center;
}



a:link {
color: blue;
}
a:visited {
color: red;
}
a:active {
background-color: #FFFF00;
text-decoration:none;
}
a:hover {
letter-spacing: 10px; /* не думаю, что это будет красиво */
font-weight:bold;
color:red;
}

/* стили не для чего (нет селектора) */
border-width: 0;
border-style: ;
border-color: ;
z-index:;
}


#column2 {
float:left;
width: 60%;
left:19%; /* без позиционирования работать не будет, в данном случае лучше бы подошел margin-left:19% */
color:2a52be; /* #2a52be */
background-color:#fdeaa8;
background-repeat:;
Background-attachment:;
background-position:; /* три бесполезности */

font-family: sans-serif,arial, verdana;
font-style: normal;
font-variant: normal;
font-weight: normal;/* еще три бесполезности */
font-size: 12px;
text-indent: 30px;
text-align: justify;
text-decoration:;
letter-spacing:;
text-transform:; /* и еще */
/* селектор не закрыт */
h2{ /* зачем? он уже был */
font-family: arial black;
font-size: 2em;
letter-spacing:1em;
text-align: center; 
}

a:link {
color: blue;
}
a:visited {
color: red;
}
a:active {
background-color: #FFFF00;
text-decoration:none;
}
a:hover {
letter-spacing: 10px;
font-weight:bold;
color:red;
}

/* селектор не открыт */
border-width: thick;
border-style: double;
border-color: gold;
z-index:;
}

#column3 { /* тоже сомое, что и 1. Можно сделать через класс, либо объявлять селекторы так: #column3, #column1 {свойства} */
float:left;
width: 19%;
color:blue;

margin-top: 7px;
margin-right: 7px;
margin-bottom: 7px;
margin-left: 7px; /* margin:7px; вместо этих четырех */

background-color:white;
background-image:;
background-repeat:;
Background-attachment:;
background-position:; /*background:#fff; вместо этих пяти*/
font-family: verdana, arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal; /* эти свойства имеют смысл только если для родительских селекторов они были назначены другие, 
но никто не настраивает их для старших блоков, 
нет в природе дизайнеров, указывающих для всех блоков капитель, курсив или жирный.
Если есть, то он единственный на этой планете, кто его же и называет дизайнером 
*/
font-size: 11px;
text-indent: 30px;
text-align: justify;
text-decoration:; /* не надо */
letter-spacing:; /* не надо */
text-transform:; /* не надо */
border-width: 0; 
border-style: solid;
border-color: orange; /* оранжевая непрерывная рамка нулевой ширины... окэй... */
z-index:; /* не нужен при статическом позиционировании в принципе */
/* селектор не закрыт */

п.с. Вначале я выкидывал небесполезные свойства, потом стало лень...

[ыра]

Спасибо большое за ответ
я не дримвивер, я чайник, женского полу ))), в процессе изучения))))

извините, уточню - может быть #column2 неправильно крепиться - он должен быть после #column1, а внутри него #column21, который занимает 90% в #column2

т.е. трехстолбцовая структура, (взятая из учебника)


#column1 {
float:left;
width:19%;}

#column21 {
float:left;
width: 90%;
left:;}

#column2 {
float:left;
width: 60%;
left:19%;}

#column3 {
float:left;
width: 19%;}

<div id="column1"> здесь в первом столбце должен был жить сабскрайб </div>

<div id="column2">
<div id="column21">

Текст непосредственно

</div>
</div>

<div id="column3">
упражнение для глаз в третьем столбце
</div>

Лишний код я еще чистить не научилась, извините

Но вот почему трехстолбцовая не получается, вместо нее - отступ справа лишний - я никак не могу понять
SOS

[Naive]

Возможно, из-за <body> в начале css файла стиль не применяется для #column1.
Браузер не может распознать селектор <body> #column1.

[ыра]

ГЕНИАЛЬНО!!!
действительно так, я бы не додумалась
спасибо