전체 웹사이트 크기 고정하고 싶어요. ^^; 정보
전체 웹사이트 크기 고정하고 싶어요. ^^;본문
많은 도움을 받아 홈페이지를 차근차근 만들어가고 있습니다.
감사합니다.
이번엔 전체 웹사이트 (높이) 크기 고정인데요.
게시판 안에 들어가는 (인텍스)내용에 따라서 전체 홈페이지 크기(높이)가 줄어들었다 늘어났다 하더라구요.
혹시 고정할수 있는 방법이 없나 해서 질문합니다.
댓글 전체
INDEX.PHP의 테이블등에 원하시는 싸이즈 넣고 고정하면 되는 것 아닌가요?
100%는 고무줄이 되겠죠...
100%는 고무줄이 되겠죠...
아이프레임 말씀하시는건지? 되긴 하는데 보긴 안좋습니다.
음 아이프레임이 아니구요.
기본페이지 width="" height="" 이 부분의 설정을 말씀드렸습니다.
기본페이지 width="" height="" 이 부분의 설정을 말씀드렸습니다.
height 를 특정 픽셀값으로 주고, overflow=auto 로 주면,
정해진 크기보다 많은 내용이 들어가면 스크롤이 생길겁니다.
근데, 내용이 부족할땐 어떻게 정해진 높이를 채울까요? ^^;
정해진 크기보다 많은 내용이 들어가면 스크롤이 생길겁니다.
근데, 내용이 부족할땐 어떻게 정해진 높이를 채울까요? ^^;
head 에 무언갈 집어 넣어 고정 할수 있을까요?
아니면 tail 에 집어 넣을 수 있지 않을까요?
전진님 말씀대로 내용이 부족한대 높이를 채울 수 있는방법... 없을까요?
꼭 내용이 들어가야 tail 부분이 아래로 내려오더라구요.
내용이 들어가지 않아도 tail 이 어느정도 아래에 고정되고
그이상 내용이 들어가면 tail 도 따라서 내려가고 했으면 합니다.
어렵나요?
아니면 tail 에 집어 넣을 수 있지 않을까요?
전진님 말씀대로 내용이 부족한대 높이를 채울 수 있는방법... 없을까요?
꼭 내용이 들어가야 tail 부분이 아래로 내려오더라구요.
내용이 들어가지 않아도 tail 이 어느정도 아래에 고정되고
그이상 내용이 들어가면 tail 도 따라서 내려가고 했으면 합니다.
어렵나요?
오~ 제가 해결했습니다.
왼쪽 매뉴 현재 접속자 뭐 이런게 드자나요.
이게 테이블 같은데 td 안쪽에 hight 를 넣어주니 tail이 고정이 되내요.
양이 많으면 알아서 늘어나구요.ㅎ
아래는 여러가지 삭재 하긴했지만. 가장 아래 것만 보시면 됩니다. 700 hight를 줬어요.
<!-- 왼쪽 메뉴 -->
<td width=220 valign=top>
<?=outlogin("basic"); // 외부 로그인 ?>
<div style='height:10px;'></div>
<?=poll("basic"); // 설문조사 ?>
<div style='height:10px;'></div>
<?=connect(); // 현재 접속자수 ?>
</td>
<td width=18></td>
<!-- 중간 -->
<td height="700" width=683 valign=top>
왼쪽 매뉴 현재 접속자 뭐 이런게 드자나요.
이게 테이블 같은데 td 안쪽에 hight 를 넣어주니 tail이 고정이 되내요.
양이 많으면 알아서 늘어나구요.ㅎ
아래는 여러가지 삭재 하긴했지만. 가장 아래 것만 보시면 됩니다. 700 hight를 줬어요.
<!-- 왼쪽 메뉴 -->
<td width=220 valign=top>
<?=outlogin("basic"); // 외부 로그인 ?>
<div style='height:10px;'></div>
<?=poll("basic"); // 설문조사 ?>
<div style='height:10px;'></div>
<?=connect(); // 현재 접속자수 ?>
</td>
<td width=18></td>
<!-- 중간 -->
<td height="700" width=683 valign=top>
음.. tail 부분을 화면 바닥에 붙히는 방법도 있기는 합니다..
<div id="container">
<div id="header"></div>
<div id="body"></div>
<div id="footer"></div>
</div>
html,
body {
margin:0;
padding:0;
height:100%;
}
#container {
min-height:100%;
position:relative;
}
#header {
background:#ff0;
padding:10px;
}
#body {
padding:10px;
padding-bottom:60px; /* Height of the footer */
}
#footer {
position:absolute;
bottom:0;
width:100%;
height:60px; /* Height of the footer */
background:#6cf;
}
한번 시험해 보세요.. ^^
<div id="container">
<div id="header"></div>
<div id="body"></div>
<div id="footer"></div>
</div>
html,
body {
margin:0;
padding:0;
height:100%;
}
#container {
min-height:100%;
position:relative;
}
#header {
background:#ff0;
padding:10px;
}
#body {
padding:10px;
padding-bottom:60px; /* Height of the footer */
}
#footer {
position:absolute;
bottom:0;
width:100%;
height:60px; /* Height of the footer */
background:#6cf;
}
한번 시험해 보세요.. ^^