Есть резиновая дивная вёрстка с анимацией скрытия боковых блоков:
http://maestro-magnifico.ru/
Используется jQueryUI. Проблема в том, что при анимации боковых блоков, текст в центральном блоке не разъезжается плавно. Скрытие боковых блоков задано так:
$('#left_column').hide('slide', { direction: left }, 700);
А разъезжание центрального так:
$('#center_column').animate({marginLeft: 20}, 700);
CSS центрального блока:
#center_column {
margin: 0px 190px; /* ширина боковых блоков + отступы */
border: 2px solid red; /* для наглядности */
}
Если сюда добавить ещё:
display: inline-block;
то, анимация текста становится плавной, но сам центральный блок опускается под высоту боковых блоков:
http://savepic.net/1291355.png
Как это исправить? =\