2010-07-05 11 views
0

일종의 타임 라인을 만들려고 노력하고 있지만 div를 수평으로 유지하지 못합니다.브라우저 창 크기가 작아지면 div가 왼쪽으로 계속 이동합니다.

오버플로가 숨겨진 div 컨테이너가 있습니다. 컨테이너 안에는 divs가 왼쪽으로 떠 있습니다. div 안에는 고정 폭의 ul가 있습니다.

브라우저 크기를 조정하면 오른쪽에서 이 정상적으로 잘리고 싶습니다..

현재의 상황은 이전 아래 수레 일부 추한 공백를 떠나 것입니다.

어떻게 모든 것을 수평으로 유지할 수 있습니까?

도움을 주시면 감사하겠습니다. ADV에서

감사, 리처드

편집

<STYLE> 
    #bericht_container{ border: thin solid #000000; margin-left:20px; overflow:hidden; padding:10px; width:900px;} 
    DIV.bericht_maand{ float:left; margin-left: 20px; border: 2px solid #A0A0A4; } 
</STYLE> 
+0

HTML/CSS 예제를 제공 할 수 있습니까? –

답변

3

당신은 당신이 할 페이지의 최소 폭 사업부에서 그들을 포장해야합니다.

예.

div와 함께 가장자리에서 "사라지는"div는 사용할 수 없지만이 경우 페이지에 가로 스크롤 막대가 표시 될 수 있습니다.

+1

너비는 양쪽을 나란히 조절할만큼 충분해야합니다. –

+0

고맙습니다. 정상적으로 수행되는이 페이지가 있지만 동일한 동작을 복제 할 수없는 것 같습니까? http : //demo.tutorialzine.com/2010/01/advanced-event-timeline-with-php-css -jquery/demo.php – Richard

+0

지금 생각해 봅니다. 컨테이너의 div가 곱해지고 그에 따라 컨테이너의 너비가 설정됩니다. 그러나 그것은 jquery 물건입니다. 나는 그것이 순수한 CSS로 할 수 있다고 생각. 나는 더 많은 테스트를 할 것입니다. – Richard

0

테스트하지는 않았지만 div 너비를 100 %로 설정하고 오버플로가 숨겨져 있으면 작동한다고 생각합니까?

관련 문제