реально такое сверстать?

[decode]

Наконец-то дождался, когда зработает форум)))

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

Подскажите пожалуйста, как можно реализовать такую структуру или это вообще невозможно??

1. Блоки Article и Sidebar - одинаковые по ширине, но разные по высоте.

2. Блок Sidebar должен обязательно находится только справа.

В голову нормальные варианты вообще не приходят)))

[caprella]

Разместить аккуратно вполне реально, а вот сделать такую ровную границу внизу... я года два назад искала красивое решение, но все равно сделала выравнивание JS-ом. Может "ложные колонки" помогут, но там уже от дизайна зависит, у меня каждый такой блок с градиентом и личным футером был - мне этот хак не подошел.

[decode]

На низ можно забить, ровным он мне не нужен, просто так получилось на картинке.

Самое главное, чтобы просто сайдбар начинался со второго "ряда" и был всегда справа)))

caprella, спасибо за ответ)

Edited January 21, 2013 by decode

[Svatov]

Не знаю, может я что-то не доглядел в условии, но похоже на обычный макет в три колонки

http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki

[decode]

Не знаю, может я что-то не доглядел в условии, но похоже на обычный макет в три колонки

http://htmlbook.ru/l...ina-tri-kolonki

Спасибо, но не подходит, сайдбар должен начинаться со второго ряда, т.е сначала идут записи в 3 колонки, а потом уже идут в 2 колонки, и плюс справа сайдбар)

[Vin]

В некоторых случаях таблицы незаменимы.

[decode]

В некоторых случаях таблицы незаменимы.

т.е смотреть только в сторону таблиц?

[Svatov]

Я честно говоря так и не понял, что decode хочет получить)

[decode]

Я честно говоря так и не понял, что decode хочет получить)

дак на картинке же нарисовано)

Вот в хорошем качестве

[Vin]

До конца не ясно, что Вам нужно, как я понял, просто блоки разной высоты в разных колонках из-за различного объёма контента, но с ровной нижней границей? Тогда таблицы подойдут.

дак на картинке же нарисовано)

Вот в хорошем качестве

Думаю, дело не в слепоте Svatov, я в том, что подобная картинка не может дать ничего, кроме очень примерных представлений о том, что же всё-таки нужно.

Edited January 21, 2013 by Vin

[decode]

Vin, на нижнюю границу вообще пофиг - не в этом проблема)))

Проблема только в том, чтобы сайдбар начинался не сразу, а под записью.

Edited January 21, 2013 by decode

[Vin]

Тогда не понял, в чём сложность.

<div class="right-col">
<article>bla bla bla</article>
<aside class="sidebar">bla bla bla</aside>
</div>

.right-col {
    width: 250px;
    float: right;
}

Edited January 21, 2013 by Vin

[npofopr]

Просто на картинке надо у article поставить цифры 1, 2, 3, 4, и тогда всем все станет понятно.

А вообще посмотрите что нибудь из

http://line25.com/articles/25-web-designs-with-modular-content-block-layouts

http://mcpants.github.com/jquery.shapeshift/

Может что подойдет. Где то я видел, ваш пример. Правда там был "оригинальный блок" первым, но вроде это настраивалось.

Ну или я тоже ошибся

[decode]

Просто на картинке надо у article поставить цифры 1, 2, 3, 4, и тогда всем все станет понятно.

А вообще посмотрите что нибудь из

http://line25.com/ar...t-block-layouts

http://mcpants.githu...ery.shapeshift/

Может что подойдет. Где то я видел, ваш пример. Правда там был "оригинальный блок" первым, но вроде это настраивалось.

Ну или я тоже ошибся

Вы как раз всё правильно поняли)))

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

[gordi]

Возможно, это поможет - http://trifler.ru/blog/i/border/border_double_01.htm

[Great Rash]

http://jsfiddle.net/rYqkt/1/

[Justnewone]

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

[Alex Shnayder]

Тут был неправильный ответ.

Edited January 22, 2013 by Alex Shnayder

[decode]

http://jsfiddle.net/rYqkt/1/

Спасибо большое за помощь, но всё равно не катит))

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

да уж) единственное решение нашел - это отказаться от такого расположения сайдбара, ибо без помощи js тут не обойтись походу, а юзать лишнии какие-то скрипты, ради такого, не очень охото)