2012-05-25 5 views
1

나는이 웹 사이트에서 작업 중입니다 : www.lumn.net. 가운데 패널 (#overall)은 페이지의 상단에서 하단으로 펼쳐지는 div로 간주됩니다. 웬일인지 내가 알 수없는, 나는 모든 페이지의 바닥에 공간을 얻고있다. 두 페이지 (lumn.net/index.shtml 및 lumn.net/about.shtml)의 두 페이지에만 상단과 하단에 공간이 있습니다. < - 고정100 %가 아닌 100 % divs

html과 본문 모두 높이가 100 %입니다.

중앙 패널의 높이를 100 %로 설정하면 하단에 여유 공간이있는 페이지에서 600px, 내부 div 중 하나의 최소 높이 및 그 이상의 내용이 부족합니다 바닥. 상단과 하단에 여유 공간이있는 페이지에는 아무런 변화가 없습니다.

센터 패널의 위쪽 설정 : 0 및 아래쪽 : 0은 페이지에 영향을주지 않습니다.

나는 내가 뭘 잘못했는지 또는 이미 시도한 것 이외의 다른 문제를 해결하는 방법을 모른다.

업데이트 : 하단의 공백 문제는 내 바닥 글이 가운데 div 외부에 있고 음수 여백을 사용하여 위로 이동했기 때문입니다. 그러나 내부로 옮길 때 그 아래에는 여전히 이상한 공간이 있습니다 : lumn.net/about.shtml. # center 전체 div에 제대로 앉아있을 수 있습니까?

+0

자세한 사항을 알려주세요. 똑같은 div가 위에서 아래로 늘어나고 있다고 가정합니다. 심지어 더 나은, jsfiddle.net에 코드 (그리고 앞서 언급 한 것과 같은 세부 사항)를 게시하십시오. – Raekye

+0

이 페이지의 오른쪽에는 꽤 많은 관련 기사가 있습니다. 브라우저 창을 100 % 확장하기 위해 div를 얻는 것은 슬픈 일이지만 어려운 문서입니다. 몇 가지 문제를 조사해보십시오. 문제가 계속되는 경우 다시 게시하십시오. – DACrosby

+0

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.lumn.net%2F – ShibinRagh

답변

0

#overal에 패딩 바닥을 변경해보십시오?

+0

그것은, 나는 방금 같은 것을 알아 냈다. - 나의 하단 꼬리표를 위치 짓는 나의 이전 잘못된 시도에서 60px 바닥 패딩이 남겨졌다. – poetiscariot

0

홈페이지와 페이지에서 이상한 추가 문자가 있습니까? "? PHP 태그가 잘못 표시되었을 수 있습니다.

tp를 시도해 보셨습니까? #overall에 100 % 높이세요? (나를 위해 작동 ...)

+0

나를 위해 #overall은 브라우저 창 높이 (그리고 패딩)까지 줄어 듭니다. – Brilliand

+0

높이를 설정하면 Brilliand와 비슷한 결과가 나옵니다 : # 전체에 100 % -하지만 그 위치를 모릅니다. 온! doctype 선언 이전에도 파일의 맨 위에있었습니다. – poetiscariot

0

바닥 글의 너비는 28px (테두리 포함)이고 위쪽은 -42px입니다. 그것은 16px의 #power를 그 아래에 튀어 나오게합니다. 단지 8px만이 의도적 인 것으로 보입니다.

페이지의 맨 위 부분은 관련없는 물음표 (페이지의 왼쪽 상단에서 거의 볼 수 없음)로 인한 것 같습니다.

padding-bottom: 18px

가이 문제 해결에 도움이 되었습니까 :

+0

아, 맞아요, 배경이 내용에서 분리 된 # 전체 (중앙) div 내부로 이동하면 바닥 글이 정말 이상합니다. 나는 그것을 외부로 # 남겨두고 그것을 여백으로 옮겨서 작업에 착수 할 것을 생각했지만 바닥에 여분의 공간을 남길 것임을 깨닫지 못했다. – poetiscariot

+0

& 내가 위에서 말했듯이, 나는 그 사람들이 어디에 잘못했는지 모른다.Doctype 선언 이전에 두 파일의 시작 부분에있었습니다. 누군가가 그들을 지적하지 않았다면 얼마나 오래 그들을 볼 수 있었는지 나는 모른다. 적어도 그것은 쉬운 수정이었다. – poetiscariot