2013.06.18 18:39

내용을 작성하면 화면 하단에 내용(DIV)이 겹쳐지는 현상

 

페이지를 작성하다보면 그림에서처럼 화면 하단에 copyright 부분을 넘어서게 되는 경우가 있습니다. 이건 page.skin.php에서 section(내용) 부분의 높이를 600px 고정 시켰기 때문입니다. 익스플로러(IE)에서는 레이어(DIV) 높이를 지정 했을 때 div 속에 내용이 길어져도 높이(height)가 늘어나지 않기 때문에 발생하는 현상입니다. 이럴 때는 page.skin.php에서 secion의 높이를 제거하면 해결 됩니다.

<STYLE type=text/css>
#docu_box		{ text-align:left; height:600px; padding:0; margin:0 0 0 5px; }
</STYLE>

<DIV id=docu_box>
...
</DIV>

<STYLE type=text/css>
#docu_box		{ text-align:left; padding:0; margin:0 0 0 5px; }


<DIV id=docu_box>
...
</DIV>

이렇게 변경하면 해결 할 수 있다.

Trackback 0 Comment 0