Продолжение редизайна – немного про css

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

Я обещал (или не обещал?? ) написать про css-нюанс для сайта «Новости Байнета. Новости Рунета«. Кстати, по указанной ссылке можно следить практически в онлайн за процессом редизайна – делаем «по-живому».

Тут 2 тонких момента. Первый – это совмещение желания «плавных бортиков» и «резиновой верстки». На рабочем проекте можно посмотреть, что ширину можно менять, при этом пропорции и градиентая заливка по боковым сторонам остаются неизменны. Для этого пришлось сделать 2 картинка, чтобы замостить колонки, и сделать вложенные div-ы. Вот как это получилось в CSS:

#wrap {
max-width:1300px;
background:#f1f1f1 url(images/fill_right.jpg) repeat-y 100% 0;
}
#wrap-inner {
background:url(images/brd_fill_left.jpg) repeat-y;
}

При этом картинка fill_right.jpg сделана очень широкой, 2000px в частности, из которых только 40px собственно градиент. Как видно в коде, эта картинка мостится по вертикали. Вложенный слой заполняется своей картинкой. Тут можно было сделать немного иначе, если бы картинка не была градиентной – сделать такую же широкую картинку с прозрачной основной частью. Но gif и градиент дружат грубо.

<div id="wrap">
<div id="wrap-inner">
<div class="mainContent">
.......
</div>
<!-- end #wrap-inner --></div>
<!-- end #wrap --></div>


Вторая вещь, которую я побороть пока не смог: рекламный блок 300х250, который изначально на скриншоте я предполагал поставить между колонками – чтобы и Новости Байнета и Новости Рунета обтекали баннер. Сложность в том, что обтекание работает только при модели float – но тут невозможно задать точную вертикальную позицию крутил вчера и так и этак – в результате пока остановился на варианте, когда рекламный блок полностью в колонке Новости Рунета размещен.

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

… работы продолжаются … за процессом можно следить на сайте http://netnews.by
P.S. а я пока пошел давать матч-реванш в шахматы, предыдущую партию я полчаса назад выиграл!