CSS 속성 인라인의 왼쪽 속성

Question

페이지의 해상도에 따라 웹 페이지의 가운데에 컨트롤을 배치하려고합니다.

내가 CSS 클래스에 지정 및 follows- 이 완벽하게 작동하고 클래스 - 스타일

.PanelStyle 
{ 
    left:100px; 
    top:120px; 
    border:2px solid #CCC; 
    border-radius: 4px 4px 0 0; 
} 

oPanel.addStyleClass("PanelStyle");//oPanel is my control. 

됐었 대신에 하드 왼쪽 속성 I의 픽셀 값을 코딩로 추가하고 왼쪽 특성 해상도에 따라 동적으로 할당하고 싶습니다. 아래처럼 뭔가를하고 있습니다.

var leftoffset = Math.floor($(window).width()-400)/2+ "px";//400 is my control width 
leftoffset = leftoffset.toString(); 
oPanel.style.left=leftoffset ; 

그러나 이것은 웹 페이지에는 반영되지 않았습니다.

나는 단순히

oPanel.style.cssText="left : 100px";   

하지만 아무 소용이 같은 계산하지 않고 왼쪽 속성 값을 추가했습니다. 인라인 object.style.left/object.style.cssText = cssString이 여기서 왜 작동하지 않는지 말해 주시겠습니까? 이 같은

Answer 1

시도 :

$(oPanel).css("left",Math.floor($(window).width()-400)/2+"px"); 

또는 '400' 경우는 다음 컨트롤의 width, 상기 식에 따라 문자열로 평가로 leftoffset.toString()가`중복`것을

$(oPanel).css("left",Math.floor($(window).width()-$(oPanel).width())/2+"px");