JQuery пересчитывать CSS в окне изменения размера

Question

На этом сайте: http://houston.aiga.org/

Хотя ползунок полная ширина/переменная по размеру окна браузера, название каждого элемента слайдера всегда отступом выстраиваться с содержанием.

Я попытался установить это вверх: http://jsfiddle.net/topiman/xS7vn/

$(window).resize(function() { 
    $('#item').css("padding-left",$(window).width()/2); 
}); 

Функция работает, но расчет толкает деталь слишком далеко на уменьшении размеров окна и слишком далеко на повышение.

Линия в рабочем примере слайдера:

$('.layout-feature .box-section-image-gallery-controls-title, .layout-feature .box-section-image-gallery-title').css('paddingLeft', 60 + extraSpace/2); 

где extraSpace является $(window).width()

Любая помощь с благодарностью получил - спасибо заранее

Answer 1

Кажется, что вы забыли о ширине в конце концов : http://jsfiddle.net/topiman/xS7vn/5/

Это то, что я придумал. Глупая вещь - console.log, все время дающий обратно +8 разницу, которую я должен был удалить hardcode. Это то, что ты искал?

Обновление; также проверьте http://jsfiddle.net/xS7vn/8/ за последнее обновление, включая изменение размера страницы при загрузке страницы.