2013-07-23 12 views
0

그래서이 JSFIDDLE (http://jsfiddle.net/dRpWv/248/)을 작업 중이며 botcontainer div가 바닥 글에 출혈하는 이유를 알 수 없습니다. 사이트에서 만든 다른 페이지에는이 문제가 없습니다.내 div는 출혈이 없어야합니다.

나는 모든 div를 확인하고 모두 닫았 기 때문에 "vertical Expertise"타일에서 최근에 JS로 코딩 된 div hide/reveal과 관련이 있다고 생각합니다. 또한 효과가없는 표시 및 위치 편집을 시도했습니다.

여기에 콘텐츠 용기 ::

#topcontainer { 
margin:75px 0 0 0; 
} 

#botcontainer { 
margin:100px 0 0 0; 
} 

여기합니다 (botcontainer의 DIV에 싸여)은 "수직 전문 지식 '영역에 대한 기본 CSS이야 ::

.vertTiles { 
border: none; 
margin-right: 3px; 
margin-top:3px; 
float:left; 
} 
.vertCont { 
border: 1px solid black; 
background-color: #ffffff; 
display: none; 
padding: 5px; 
width:800px; 
max-width:800px; 
height:400px; 
max-height:400px; 
top:0; 
left:0; 
} 
#xbox { 
position:absolute; 
width:75px; 
height:75px; 
bottom:20px; 
right:20px; 
} 
에 대한 CSS의 기본이다

MM_imageswap js는 JSFIDDLE로 깨끗하게 유지했다. 커뮤니티의 도움이 도움이 될 것입니다!

+1

당신은'#content {오버 플로우를 의미 : 숨겨진; }'? – sabof

+0

@sabof 무슨 뜻인지 모르겠다. 나는 vertCont 클래스를 넘어서 콘텐트를 숨기려고하지 않는다. 바닥 글 전문 분야 섹션이 바닥 글 영역으로 흘러 가지 않게하고 싶습니다. – Shadna

+1

바이올린에 추가 해보세요. 그러면 그 효과를 볼 수 있습니다. 내용이 숨겨지지 않습니다. – sabof

답변

2

코드 및 CSS 스타일이 Vast입니다. 그것을 통과하는 데 약간의 시간이 걸릴 것입니다. 이것은 내가 추가 한 것입니다. 이게 내가 원하는거야? 귀하의 질문은 약간 혼란 스럽습니다.

CSS

#botcontainer { 
    margin:100px 0 0 0; 
    clear:both; 
    overflow:auto; 
} 

FIDDLE

관련 문제