jQuery CSS가 IE/Opera/FF에서는 작동하지 않지만 Chrome에서는 작동합니다.

Question

현재 Wordpress 테마로 작업 중이지만 제대로 스타일을 올리는 데 문제가 있습니다.

일부 기본 jQuery를 사용하여 콘텐츠의 div 너비를 확인한 다음 '.main'래퍼의 너비를 설정했습니다.

var blogWidth = $("#blogImages").width(); 
var blogTotal = blogWidth; 
var totalCanvas = blogTotal;  
$('.main').css('width',totalCanvas); 

그것은 크롬하지만 아무것도에서 적절한 폭을 감지합니다 http://leighmcd.com/blog/blog

다른 문제는 나는 그들이 같은 게시물에도 불구하고, 내용의 오른쪽에 앉아 이미지를 필요로했다 그래서 나는 이미지 주위에 div를두고 그것을 절대적으로 배치했다. 나는 이것이 구조에도 영향을 줄 수 있다고 생각합니다.

모든 조언을 주시면 감사하겠습니다.

Answer 1

사용 width가 일치하는 요소의 폭을 설정합니다 :

$('.main').width(totalCanvas); 

Answer 2

에 한번 당신의 .css() 통화 단위를 추가 :

$('.main').css('width',totalCanvas+'px');