CSS трабла

[R
На сайте с 14.11.2004
Offline
103
459

* html #content-wrapper {height: 100%;}
#content-wrapper {clear: both;background:#F7F9FD;padding-bottom: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C4D0E8;}


* html #content {/*line-height: 1:2;*/}
* html #content {height: 100%; }

#content {
background-color: #FFFFFF;
border: 1px solid #EEF2FB;
padding: 15px;
margin: 10px 20px;
}


#content-left-fixed {margin-right:315px;}
#content-right-fixed {float:right;width:310px;border-left-width:1px;border-left-style:solid;border-left-color:#C4D0E8;}

<div id="content-wrapper">
<div id="content">
<div id="content-left-fixed">ТЕКСТ</div>
<div id="content-right-fixed">ТЕКСТ</div>
</div>
</div>

Уже видите ошибку? Правильно, колонки находятся не на одном уровне. Правая ниже первой идет. Нужно чтобы было одиннаково. Где грабли? Спасибо.

КМ
На сайте с 08.03.2007
Offline
66
#1

Собственно...

Нужно чтобы было одиннаково.
Где грабли?
Уже видите ошибку? Правильно, колонки находятся не на одном уровне. Правая ниже первой идет.
DyaDya
На сайте с 11.04.2007
Offline
147
#2

Я просто поменял местами: получилось

<div id="content-right-fixed">ТЕКСТ</div><div id="content-left-fixed">ТЕКСТ</div>

Это уже правильно, т.к. с учетом

#content-left-fixed {margin-right:315px;}
#content-right-fixed {float:right;width:310px;border-left-width:1px;border-left-style:solid;border-left-color:#C4D0E8;}

Но между нами говоря, все равно помоему, это корявое создание двух столбиков ;). А если нужно будет 3 столбца? одними float:right; не поможешь. Нужно применять inline и т.п.

Выбирайте качественный хостинг (http://vashmaster.ru/informaciya/o_poleznyh_programmah/news83.php) и продвигайте сайты в СЕОПУЛЬТ (http://seopult.ru/ref.php?ref=72b5ed9561fe66a1). А на «SAPE» я в обиде :) Не упрекайте за очепятки, пишу вслепую (http://ergosolo.ru/) и также делаю сайты (http://www.vashmaster.ru/) ;)
S
На сайте с 20.08.2007
Offline
140
#3

#content position: real.... в общем не помню как правильно пишется, но мысль, думаю ясна =) И, может правый padding у этого блока убрать.

Думаю, так.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий