CSS загадка. Неверное расположение колонки.

[mrjohn73]

Всем привет. Прошу помочь с css, так как я не могу понять, при всём желании, в чём проблема.
Есть сайт на друпале. Тема 3-х колоночная. Внутри #wrapper есть: #sidebar-left, #sidebar-right и #contents - это средняя по вертикали часть (три колонки), которая меня и итересует. После правки css шаблона всё отлично, за исключением одного - правый столбец (#sidebar-right) уходит внутрь средней колонки (#contents) и отображается снизу средней колонки, при чём ТОЛЬКО на заглавной странице, а на любой другой отображается корректно.
В чём дело понять не могу. Что нужно подправить, учитывая то, что только на главной странице этот косяк?
прикладываю архив темы друпала, в котором есть файл style.css, который я правил.
Надеюсь администрация не против того, что я запостил ссылки на свой сайт, ибо не рекламы ради (так как сайт другой направленности), а токмо ради наглядности проблемы.
Спасибо всем заранее за хелп.
mrJohn.

[mrjohn73]

код style.css

@charset "utf-8";
/* $Id: style.css,v 1.1.2.17 2008/02/29 07:48:26 andregriffin Exp $ */
/* Drupal 6 Framework - Created Andre Griffin
 * Admin section derived from Garland
 *
 * Global
 */

*{ margin: 0; padding: 0; }* 
body { font: .8em Tahoma, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; color: #1A0200; }
a {	color: #EB0000;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; }
h1 { font: normal 2.0em Georgia, "Times New Roman", Arial; color: #444; }
h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
img { border: 0; }
/*
 * Layout
 */
#wrapper { background:url("/themes/internet_studio/images/spica.jpg") no-repeat scroll 0 0 transparent;
width: 98%; 
margin: 10px auto;
}

#header {
margin: 56px 0px; 
float: right;
width: 60%;
}
	#header p { margin: 0; }
	#header a:hover { text-decoration:none; }
	#header a {color: #C10118; }
#container {
}

/*Adjusts for 3 columns*/
body.sidebars #center {
border-left:1px solid #E9EFF3;
border-right:1px solid #E9EFF3;
float:left;
padding:10px;
width:622px
}

/*Adjusts for 2 columns - sidebar-left*/
body.sidebar-left #center {
border-left:1px solid #E9EFF3;
float:right;
padding-left:10px;
width:802px
}

/*Adjusts for 2 columns - sidebar-right*/
body.sidebar-right #center {
border-right:1px solid #E9EFF3;
float:left;
padding-right:10px;
width:802px
}

.breadcrumb {
color:#ccc;
padding:0
}

.breadcrumb a {
color:#666
}

.breadcrumb a:hover {
color:#999
}

#footer { font-size: .84em; clear: both; padding: 15px; background: #eee; }
#footer a { color: #444; }

.feed-icon {
position:absolute;
right:2px;
top:5px
}

/*
 * Node
 */
/*ul.links li {
background:none;
margin:0 10px 0 0;
padding:0
}*/

span.submitted {
color:#898989;
font-size:10px
}

/*
 * Comments
 */
.comment {
border-bottom:1px solid #E9EFF3;
margin:0 0 10px;
padding:0 0 10px
}

/*
 * Sidebars
 */
.sidebar {
padding:13px 0 0;
width:160px
}

#sidebar-left {
margin: 0px 0px; clear: left; width: 15%; float: left;
}

.block {
}

* html li.expanded,
* html li.collapsed {
	list-style-image: none;
}
* html li {
	list-style: none;
}

#menu { margin: 0px 160px; float: left; width: 80% }
	#menu li { font-size: 1.1em; display: inline; }
	#menu li a { float: left; width: 87px; padding: 2px 0 7px; text-align: center; margin: 50px 0 0 110px; color: #636365;  }
	#menu li a.active { background: #fff url(images/button.gif) no-repeat; color: #fff; }
	#menu li a:hover { text-decoration: none; color: #000; background: #fff url(images/button_grey.gif) no-repeat; }
.clear { clear: both; }


.caption { background: #fff url(images/title.gif) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.caption p { margin: 0; }
.box { background-image:url("/themes/internet_studio/images/fon.jpg"); }
#sidebar-right {
	width: 15%; float: right; margin: 0px 0px;
}

#contents { float: left; margin:0px 0px; width: 68%; }
/*	.links { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0 0; }*/

.title a:hover { color: #808080; background: inherit; text-decoration: none; }
.title a {color: #333; text-decoration: none; }

.box { background-image:url("/themes/internet_studio/images/fon.jpg"); padding: 10px; }
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box li a { padding: 0 5px; }
#footer { font-size: .84em; clear: both; padding: 15px; background: #eee; }
#footer a { color: #444; }

.clear-block {
display:block
}

[MrJenika]

к сожалению Ваш сайт мне так и не открылся. может это мои глюки,может ваши, но хотел проанализировать его онлайн, а то неохота было вглядываться в код

[mrjohn73]

Хм... наверное у Вас что-то, весь день его ковыряю... в FF FireBug тоже пытаюсь править, но всё одно - на главной странице залезает #sidebar-right внутрь #contents... А на ЛЮБОЙ другой странице всё норм. Чудеса какие-то... уж не знаю куда копать...

[zumm]

уж не знаю куда копать...

код не смотрел, но по симптомам, могу предположить, что копать нужно в содержание заглавной страницы, нареное какой то конфликт.

PS

Чудеса какие-то...

Разработка интернет ресурсов это всегда пляска с бубном....

[mrjohn73]

по симптомам, могу предположить, что копать нужно в содержание заглавной страницы

Так и есть! убрал все материалы с главной страницы и... о чудо столбцы на место встали!
Проблема в том, что статьи пишу в NVU на компе, а код вставляю на сайт и похоже правда что-то конфликтнуло... говорила мне мама: "Женя, не играйся с php внутри css блоков"...))) ну я же неслушник!
Всем спасибо за уделённое внимание и помощь!
mrjohn.