Как правильно разместить регионы?

Question

02/04/2013, by Ivan

Все привет любое время суток!
Подскажите люди по опытней какие строки css не хватает.
Хочу добавить два региона к теме. User bar 1st и 2nd. Но не получается их разместить в одной строке с margin auto, или чтобы равнялись или были по середине.
Drupal 7.

В page.tpl.php код выглядит так:

<div class="zone-user-wrapper">

<div id='userbarfirst'>
<?php if ($page['user_first']): ?>
<?php print render($page['user_first']); ?></div>
<?php endif; ?>

<div id='userbarsecond'>
<?php if ($page['user_second']): ?>
<?php print render($page['user_second']); ?></div>
<?php endif; ?>

</div>

А вот css стили (так как они сейчас выглядят, уже стирал добавлял, не получается. Получается только с float left или right, но это не подходит):

.zone-user-wrapper {
margin-top: -5em;
z-index: 200;
display: block;
clear: none;

}
.zone-user-wrapper {
background-color: #00779C;
height: 3em;
min-width: 650px !important;
width: 100%;
}

#userbarfirst {
float: right;
height: 38px;
margin-right: 2.5em;
margin-top: 0;
padding-right: 0;
position: relative;
width: 377px;
display: block;
margin-left: auto;
margin-right: auto;
}
#userbarsecond {
float: right;
height: 35px;
margin-top: 0;
position: inherit;
width: auto;
margin-right: 1px;
display: block;
margin-left: auto;
margin-right: auto;
}

Буду благодарен за любую помощь!

Drupal version 7.x

1 answer

votes: 848

Answer

Попробуйте добавить во внутрь <div id='userbarfirst'> и <div id='userbarsecond'> блок с классом inner, так чтобы у него был css

.inner{

clear:both;

}

.inner не работает. Если конечно я его правильно прописал.

Также должно было быть?

#userbarfirst .inner{

clear:both;

}

Если правильно, то не работает.

Я вложил несколько скринов (посути там два вида). Возможно понятней будет.

У меня тема AT Commerce. Там есть Slide Draw. То вот, ее вкладкой не хочет работать.

Посмотрите пожалуйста! Возможно не в этих кодах проблема.

Спасибо!

перезалейте плиз, еще раз фотки, а то я сайт переносил настройки забыл выставить.

Ага. Вот еще раз.

Здравствуйте!

Посмотрите пожалуйста тему https://drupalbook.org/ru/comment/reply/1116/2389. Вы просили перезалить скрины. Может знаете в чем дело.Что может помочь? А то застрял, не знаю, что делать. Как-то не хочется уже другие варианты искать. Кучу времени угробил уже. Буду очень благодарен.

page.tpl.php

<div class='wrapper'>
  <div class='region1'>
    <div class='inner'>
      <?php print render($page['region1']); ?>
    </div>
  </div>
  <div class='region2'>
    <div class='inner'>
      <?php print render($page['region2']); ?>
    </div>
  </div>
</div>

style.css

.wrapper{
  width: 960px;
  margin: 0 auto;
}

.inner{
  clear:both;
}

.region1{
  width: 50%;
  float: left;
}

.region2{
  width: 50%;
  float: right;
}

theme.info:

regions['region1'] = Region 1
regions['region2'] = Region 2

Спаибо большое! Буду пробовать!

Всеравно не работает.

Юзер блоки в Chrome получается не видят эту вкладку от Sliding Draw.

Ладно буду думать по другом. А то третий день как-тоне охота на такое тратить.

Вам огромное спасибо в любом случае!

Extra Block Types (EBT) - New Layout Builder experience❗

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Как правильно разместить регионы?