내가 <strong>사이드 바</strong> 아래로 이동 몸을 중지 할 일은 노력하고 무엇 사이드 바

아래에 배치되는 것을 몸을 중지하려고.

몸이 화면에서 숨겨지는 것이 좋습니다. 사이드 바 아래에 배치하는 것보다.

(브라우저의 크기를 조정하여 효과를 확인하십시오) - 무슨 일이 일어나고 있는지 예를 들어 피델 링크를 클릭하십시오.

#body, #sidebar {display: table-cell;}

및 모든 플로트를 제거 : 왼쪽

[jsfiddle] 태그를 사용할 필요가 없습니다. 질문 제목에 당신이 바이올린을 넣었다는 것을 언급하십시오 :) – BoltClock

Ah k :) 글쎄, 나는 아래에 멋진 답변을 가지고 있습니다. 그리고 나는 이것을 알고 있습니다. 그래서 모두 세계에서 좋다 : – Doomsknight

다음은

기본 생각은하고 싶은 일을하기 위해 jsfiddle을합니다.

2011-12-23 11:18:58 Paul

예. 그것을 읽고 코드를 비교했습니다. 우수한! 어제 제가 원격으로 닫히기 위해 쓴 CSS보다 훨씬 낫습니다. 메리 크리스마스. – Doomsknight

본문을 가로로 스크롤 할 수 있다고 가정하지 않습니까? :) – Doomsknight

display : table-cell이 IE7에서 인식되지 않습니다. IE7 –

IE7에서는 display : table-cell을 인식하지 못합니다. IE7 용으로 별도의 스타일 시트를 작성해야합니다.

다른 접근법을 만들었습니다. 너비는 더 이상 사이드 바가 아닙니다. 둘 다 백분율을 기준으로합니다. this을 확인하십시오. IE7이 신경 쓰지 않는다면 위에서 언급 한 해결책을 사용하십시오.

2011-12-23 11:41:57

에 대한 별도의 스타일 시트를 작성해야합니다. 문제는 바로 모든 것을 과장하지만 thainks가 IE7 문제를 일으키는 것입니다. – Doomsknight

답변