Div 이동

Question

iframe 소스가 변경되면 숨겨져 다시 표시되도록 애니메이션을 적용하려고합니다. 문제는 show이 실행되면 내 div가 아래로 이동한다는 것입니다. 나는 정말로 내가 무엇을해야하는지 모른다. 나는 CSS가 문제라고 확신한다. 내 코드는 여기에 있습니다 : 검은 부분에 http://jsfiddle.net/RPxFs/

클릭, 당신은 iframe에 '페이지를 찾을 수 없습니다'볼 소스를 변경할 수 있지만, 어쨌든 당신은 문제가 무엇인지 확인할 수 있습니다.

Answer 1

내가 폭이 중복되기 때문에가 다운 생각 완벽하게 작동합니다.

DIV 탐색 및 DIV의 frame_div

시도는 79 %에 frame_div의 폭 비율을 줄이고 사업부의 frame_div 스타일을 제거합니다.

http://jsfiddle.net/vonDy2791/RPxFs/7/

<div src="save.php" id="frame_div" > 
#frame_div{ 
    float: left; 
    height: 90%; 
    width: 79%; 
    border-right: 1px solid #999; 
    display: none; 
    overflow: hidden 
    } 

Answer 2

http://jsfiddle.net/RPxFs/19/보기 여기에 사전에

덕분에, 난 그냥 탐색

position: absolute; 

를 추가했습니다 그것은

Answer 3

당신이 포함 된 사업부를 탐색하고 그들이 나란히 앉아해야 iframe을 모두 보유 할만큼 충분히 될 것입니다 고정 폭을 제공합니다.

나는 width: 800px;

내가 그것을 배치 방법에 대한 내 바이올린을 참조 선택했습니다. 이에

솔루션

http://jsfiddle.net/RPxFs/

Answer 4

은이 속성을 을 제거 플로트 : 왼쪽; 아래 iframe 컨테이너에서.

#frame_div { 
    border-right: 1px solid #999999; 
    display: none; 
    float: left; 
    height: 90%; 
    overflow: hidden; 
    width: 80%; 
} 

당신이 플로트를 추가해야하는 경우

는, 나란히 표시하기 위해 커버 어떤 지역 왼쪽 용기 + iframe이 컨테이너에 총을 제공 할 필요가있는 경우에 때문이다.

는 여기에 내가 문제가 iframe을 용기에 매우 과도한 폭 생각 jsfiddle 링크 http://jsfiddle.net/RPxFs/20/