1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. FAQ

[Решено]В новой теме центральная и правая колонки сместились под левую.

Главные вкладки

Аватар пользователя Катерина Катерина 28 сентября 2009 в 1:39

Включаю свою тему и происходит смещение всех колонок под левую, причем в настройках блоков осталось все так же и там же, смещаются именно сами области. Т.е. див right-sidebar содержит в себе и мидл-контенл и лефт-сайдбар. На локальном сервере сайт выглядит нормально. Быть может все это из-за различий в версиях тем? До этого на сайте стояла тема версии 6.х - 1.20, а новая тема имеет версию 6.х - 1.13. Как это исправить?

Комментарии

Аватар пользователя Stan.Ezersky Stan.Ezersky 28 сентября 2009 в 2:58

"Катерина" wrote:
На локальном сервере сайт выглядит нормально.
Я удивлён. А в ИЕ6 и ИЕ7 всё-равно развалится, потому как не особо верные расчёты ширины (проверяйте сами: ширину (проценты и пиксели) и отступы).

Посчитайте сами:

#middle-content {
  width:99%;
  float:left;
}
#sidebar-left {
  width:21%;
  float:left;
  margin-right:1%;
}

Покопавшись, найдёте много ошибок

"Катерина" wrote:
Включаю свою тему
....
Это тема не ваша полностью, база вот этого человека. Смотрите issues для этой темы. Если это после вашего редактирования, считайте ширину, чтобы получилась ширина вашего контнейнера #pagewrapper

Bonus:

#header-image {
  height:125px;
  background-color:#FF9900;
  background-image:url(img/head_crimea.jpg);
  background-repeat:no-repeat;
}

можно сократить до

#header-image {
  height:125px; background:#FF9900 url(img/head_crimea.jpg) no-repeat;
}

Если тема фиксированная, зачем вам измерения в процентах?

Аватар пользователя Катерина Катерина 28 сентября 2009 в 18:49

"Stan.Ezersky" wrote:
Если тема фиксированная, зачем вам измерения в процентах?

Наверное незачем. Таким образом они были прописаны в исходной теме, поэтому их даже не трогала.
Сейчас проставила размеры в пикселях:

#pagewrapper {
  margin:auto;
  width:960px;
  border:0px;
}

#headline {
  color:#000000;
  text-align:right;
  padding:20px 5px;
  font-size: 130%;
}

#logo {
  bottom:-3px;
  margin-right:0px;
  position:relative;
}

#site-slogan {
  color:#999999;
  font-size:11px;
}

#header-image {
  height:125px; background:#FF9900 url(img/head_crimea.jpg) no-repeat;
}

#site-mission {
  font-size:11px;
  font-weight:bold;
  padding:20px;
  text-align:right;
  color:#ffffff;
}

#contentwrapper p,
#contentwrapper li {
  line-height:160%;
}

#tabs-wrapper {
  margin-bottom:20px;
}

.content-padding {
  padding:10px;
}

.sidebars #sidebar-left {
  width:205px;
  float:left;
  margin-right:10px;
}

#middle-content {
  width:540px;
  float:left;
}

#sidebar-right {
  width:205px;
  float:right;
}

div.tablewrapper {
  width:99%;
  overflow:auto;
}

#footer {
  margin-top:50px;
  text-align:center;
  color:#558E08;
}

a.feed-icon {
  display:block;
  padding:10px 0px;
}

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

regions[right] = Right sidebar
regions[content] = Content
regions[footer] = Footer
regions[left] = Left sidebar

когда из инфо файла удаляю строчку "regions[left] = Left sidebar" - то мидл контент и райт сайдбар становятся на свои места, как только вставляю эту строчку - та же картина - райт и мидл становятся в левую колонку.

Опять же повторюсь - на локальном сервере во всех браузерах все отлично (и с процентами, и с пикселями, и с уменьшенной длинной в пикселях).