2010-01-21 3 views
1

좋아요. 내 개인 웹 사이트를위한 CSS 액체 div 기반 레이아웃이 있습니다. 주소는 문제가 인라인 표시된 것처럼 지금 윈도우가 intro_container에 필요한 픽셀 너비 이상으로 뻗어 때, 그것은 바닥 글 이동하기 때문에 내가 바닥 글 섹션 행동을하지 않을 것입니다 http://danberinger.com/preview.html액체 CSS 레이아웃 문제

입니다 div 오른쪽에. 이 바닥 글은 공간이 허용하는 경우 오른쪽 위로 이동하는 대신 페이지 하단에 놓아 두는 것이 좋습니다.

도움을 주셔서 감사합니다. 나는 지금까지이 포럼을 매우 사랑했습니다.

답변

2
#footer { 
    clear: both; 
} 

이 항상 다른 모든 떠 컨텐츠 아래로 아래로 밀려을 보장합니다 위해 CSS를 수정합니다. 이것은 당신이 요구하는 효과를 제공하는 것 같습니다.

+0

첫 번째 대답은 효과가 있었지만 필요했던 것처럼 바닥 글을 중심에 두지 않았으며, 내가 원했던 버전의 CSS를 더 많이 패치했습니다. 이것이 올바른 방법입니다. 정말 고마워요! – Dan

0

여기가

#footer{ 
position:absolute; 
bottom:0; 
} 
+0

메시지 상자와 그림이 둘 다 컨테이너 내부에 떠 있기 때문에 CSS 픽스를 사용하면 떠 다니는 항목 위에 바닥 글이 배치됩니다. – Dan

+0

스크래치 그 말이 맞아요. , 그것은 단지 Dreamweaver에서 우스운 행동을했습니다. 감사합니다. – Dan

+0

뷰포트가 웹 사이트 높이보다 작 으면 끔찍한 일을합니다. 바닥 글은 실제 페이지의 맨 아래가 아닌 뷰포트의 아래쪽에 붙어 있습니다. –