오버플로 자동 div로 요소 이동

javascript 이벤트를 사용하여 클래스를 변경하려고 할 때 컨트롤이 이동하는 페이지의 레이아웃에 문제가 있습니다. 누구든지 문제를 해결할 수있는 몇 가지 아이디어를 도울 수 있습니까? 왼쪽 된 스크롤 막대가 나타날 때만 IE에서 문제가되는 것 같습니다. 여기 오버플로 자동 div로 요소 이동

는 HTML 지금 그래서

<div id="container" style="overflow:auto;"> 
    <div id="control1Container" style="left:17%;top:145px;display:inline;position:absolute;"> 
    <div id="control1" class="listOUT" >I am a control</div> 
    </div> 
    <div id="control2Container" style="left:67%;top:145px;display:inline;position:absolute;"> 
    <div id="control2" class="listOUT" >I am a control</div> 
    </div><!-- more controls here --> 
</div>

하여 컨테이너 내의 컨트롤은 컨트롤의 아래쪽에 확장, 즉 오버 플로우 이익률은 왼쪽에 나타납니다 충분한 공간을 차지 DIV 상상의 예입니다 container div. javascript를 사용하여 listIN에 control1의 listOUT 클래스를 변경하려고하면 컨트롤이 왼쪽으로 이동합니다. 저에게 그것은 거의 브라우저가 컨테이너 div의 새로운 너비와 스크롤바가 위치 할 경우 17 % 인 새로운 위치로 control1Container를 다시 조정하는 것처럼 보입니다.

아이디어가 있으십니까? 그 내부의 절대 위치 요소들은 그와 관련하여 위치 취득하도록

출처

2010-01-15 Andrew

DISPALY = 표시해야? 스크롤바는 어떤 요소에 대해 나타 납니까? – Residuum

컨테이너 요소에 대한 스크롤 막대가 나타납니다. control1Container 요소는 자바 스크립트 – Andrew

을 사용하여 클래스가 변경 될 때 왼쪽으로 이동합니다. display : 인라인은 정적이 아닌 다른 요소에 대해 효과적으로 표시 : 블록입니다. – Residuum

넌 .., 용기 DIV position:relative로 수득

출처

2010-01-15 14:01:04

오버플로 자동 div로 요소 이동

답변

관련 문제