weranda: В вашем случае лучше сделать чтобы заголовки хранились в одном контейнере, а контент в другом. Сделать это проще, чем изобретать костыль для вашего абсолютного позиционирования. Изменения в скрипте будут минимальны.
Не очень понимаю что вы хотите получить в итоге. Убрать обрезку текста можно удалив overflow:hidden, дальше вы что хотите получить? Растянуть блок с контентом? С абсолютным позиционированием или как часть общего блока?
Stasy11: Это смотря с какой стороны посмотреть. Вы можете отследить размер блока с помощью js или jquery, и по собственному усмотрению выбрать способ как заставить текст двигаться. Либо это будет все тот же js, либо просто обернете тегом ссылку на который вам дали.
Андрей Филимонов: Вы же понимаете что нет )) Сделать три блока — это сделать три блока разметки и разместить в них ваши блоки без изменений. Если вы не справитесь сами, напишите мне на почту, несколько позже я найду время и помогу вам с этим вопросом, если захотите.
Андрей Филимонов: Я вам приведу пример, что вам необходимо сделать, но это лишь визуальное представление, верстка в нем не самая корректная.
Ваш Header должен состоять из трех блоков, где выравнивание задается при помощи float. Дальше вы обязательно должны сделать всему контейнеру clearfix. Для того чтобы сделать это все корректно, посмотрите как у bootstrap реализованы строки с блоками. Flex был бы предпочтительнее, но это дольше для вас.
Мне кажется что такую сверстать самостоятельно будет не так уж и просто. Тут явно используется труд целого коллектива. Как вариант использовать какие-то открытые библиотеки, но даже они будут лишь жалким подобием такой галереи.