Проблема с Javascript при изменении размера Divs

Question

Прошу спросить, может ли кто-нибудь посмотреть этот c0de и сказать, почему он не работает. Это довольно просто, мне нужно рассчитать размер погружения, потому что я хочу, чтобы он изменил размер соответственно С шириной страницы. Сохранение Div1 и Div3 с фиксированным размером и динамическое преобразование Div2.

скрипку здесь: http://jsfiddle.net/yMcXm/89/

Большое спасибо

$(document).ready(function() { 
var cw = $('#container').width(); 
var d1 = $('#d1').width(); 
var d3 = $('#d3').width(); 
$(".d2").width(cw-d1-d3); 


$(window).resize(function() { 
var cw = $('#container').width(); 
var d1 = $('#d1').width(); 
var d3 = $('#d3').width(); 
$(".d2").width(cw-d1-d3); 
}); 
}); 

Answer 1

Вы должны изменить JS для этого (неправильный селектор (используется # (идентификатор) вместо . (класс))).

$(document).ready(function() { 
var cw = $('#container').width(); 
var d1 = $('.d1').width(); 
var d3 = $('.d3').width(); 
$(".d2").width(cw-d1-d3); 


$(window).resize(function() { 
var cw = $('#container').width(); 
var d1 = $('.d1').width(); 
var d3 = $('.d3').width(); 
$(".d2").width(cw-d1-d3); 
}); 
}); 

Вы должны также против полей и отступов $(".d2").width(cw-d1-d3-12);!

[EDIT] Почему бы не использовать CSS решение: check your updated Fiddle