Q & A

시삽: 레드플러스 님 
게시판 이동:
 제목 : Re : 웹 페이지의 높이를 항상 일정하게 고정하기
글번호: 399
작성자: 레드플러스
작성일: 2006/08/27 오후 9:41:00
조회수: 2648
1 html, body {
2 height: 100%;
3 margin: 0;
4 padding: 0;
5 }
6 #header {
7 height: 100px;
8 background: #ddd;
9 position: relative;
10 z-index: 1;
11 }
12 #content-box {
13 min-height: 100%;
14 margin: -100px 0 -50px;
15 }
16 *html #content-box {
17 height: 100%;
18 }
19 #content {
20 padding: 100px 0 50px;
21 }
22 #footer {
23 height: 50px;
24 background: #ddd;
25 }

1 <div>
2   header (height 100pixel)
3 div>
4 <div>
5   <div>
6     <p>contentsp><p>contentsp><p>contentsp>
7   div>
8 div>
9 <div>
10   footer (height 50pixel)
11 div>



On 2006-08-26 오전 1:19:00, '고영태' wrote:
------------------------------------------------------------
>넘 간단한건데.. 질문하기 좀 부끄럽다.ㅋㅋㅋ
>style="width:100%"는 먹는데,
>style="height:100%"가 안되요..
>왜그렇죠??
>100%를 주려면 어떡해야 하는지좀..
>height="100%"역시 안됩니다..
>xhtml문법 완전 틀려여ㅡㅜ
------------------------------------------------------------

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 유비에듀에서 강의를 듣고 있습니다. (1) - 장숙진 2006-08-30 3344
  선생님~코딩중.. 급질한번.. - 고영태 2006-08-26 2777
현재글 Re : 웹 페이지의 높이를 항상 일정하게 고정하기 - 레드플러스 2006-08-27 2648
다음글 클라이언트 툴이 뭔지요? - 이수지 2006-08-22 2726
 
손님 사용자 Anonymous (손님)
로그인 Home