Градиенты в сайдбарах [Решено]

Аватар пользователя puhur01 puhur01 6 июля 2012 в 1:17

Добрый вечер.
Скажите, пожалуйста, есть ли какой-то способ создания градиентных сайдбаров, прижатых к футеру?

UPD Будем считать, что проблема решена. Вот один из методов решения http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-cs....

Комментарии

Аватар пользователя puhur01 puhur01 6 июля 2012 в 10:18

А такое возможно сделать для региона, а не для блока? Чтобы до футера опускались градиенты.
За ссылку большое спасибо, надо попробовать.

Аватар пользователя puhur01 puhur01 6 июля 2012 в 15:57

Вот как я определяю регион в page.tpl.php:

<?php        <aside id="left_column"> <!-- Левая колонка  c регионом  sidebar_first -->
            <?
php print render($page['sidebar_first']); ?>
        </aside> ?>

Вот так пишу в style.css:

#left_column{
        float: left;
        width: 168px;
        border-right: 1px solid black;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36));
}

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

Аватар пользователя ReeQx ReeQx 6 июля 2012 в 17:06

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

Аватар пользователя puhur01 puhur01 10 ноября 2015 в 11:48

ReeQx, на картинке показано, как нужно и как есть.
Вот есть такой способ еще http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-cs..., но в этом случае нельзя создать сайдбар с рамкой до футера, например, а сайдбары с обычным фоном или градиентом вполне можно.