|
|
|
10-09-24
|
조회 1,801
|
|
|
|
10-09-24
|
조회 1,532
|
|
|
|
10-09-24
|
조회 7,101
|
|
|
|
10-09-24
|
조회 1,318
|
|
|
|
10-09-23
|
조회 1,704
|
|
|
|
10-09-23
|
조회 3,294
|
|
|
|
10-09-23
|
조회 1,686
|
|
|
|
10-09-23
|
조회 1,756
|
|
|
|
10-09-23
|
조회 1,703
|
|
|
|
10-09-23
|
조회 1,725
|
|
|
|
10-09-23
|
조회 1,669
|
|
|
|
10-09-23
|
조회 1,513
|
|
|
|
10-09-23
|
조회 1,707
|
|
|
|
10-09-23
|
조회 2,810
|
|
|
|
10-09-23
|
조회 1,658
|
|
|
|
10-09-23
|
조회 1,800
|
|
|
|
10-09-22
|
조회 1,733
|
|
|
|
10-09-22
|
조회 1,819
|
|
|
|
10-09-22
|
조회 1,663
|
|
|
|
10-09-22
|
조회 1,712
|
댓글 7개
div 레이아웃은 웹표준을 위한 첫걸음인데
문서 (php구문 제외한) 첫째줄에 문서타입 설정을 넣지않는다면 div 레이아웃을 짜는 의미가 없는거나 마찬가지입니다.
아래 코드에서 _height: 은 익스6을 위한 대비입니다~
css 잘수정해서 사용하시길~
(삭제~)
*** 개인적으로 레이아웃은 position:absolute 를 활용하는게 옳다고 생각하지만,,,
초보분들은 오히려 수정에 애먹으실수있으므로 그냥 안썼습니다ㅎ
적용해 봤는데 약간 모르는 부분이 있어서 그런데
한번만 더 부탁드릴께요
내용은 상단 부분에 내용이 나와있습니다
거듭 감사드립니다
<!Doctype html>
<div style="position:relative; width:960px; min-height:400px; _height:400px; border:1px solid black; padding:0px; margin:0 auto;">
<div style="position:relative; width:786px; background:red; float:left;">
<? include "top.htm" ?> 탑
</div>
<div style="position:relative; min-height:; _height:; width:174px; background:blue; float:right;">
<? include "right.htm" ?>
오른쪽
</div>
<div style="position:relative; width:786px; min-height:400px; _height:400px; background:#ddd; float:left;">
<? include "main.htm" ?>
</div>
<div style="position:relative; width:100%; background:green; clear:both;">
<? include "bottom.htm" ?> 푸터
</div>
</div>
오른쪽 div 역시 가변적으로 길이값을 갖게했는데 뭐,,,
최소한의 높이값을 필요로하신다면 min-height: 랑 _height: 에 수치를 적으셔서 사용하세요~ ㅎ
근데 지금 컴퓨터에는 익스6 이 없어서 거기서도 잘되는지는 확인을 못해봣네요 ㅋㅋㅋ
죄송해요 ^^
브라우져 어떤거 쓰시나요?
저건 지금 가로길이가 넘쳐서 한줄내려와버린겁니다.
오른쪽거 width값을 조정하심됩니다..
아니면 상단과,내용 부분 div의 width값을 줄이시든가요 ㅎ
<!Doctype html> 부분은 꼭 넣어야 하나요 ?
감사합니다
그누보드 연동해서 적용하시려면
그누보드 파일중에 sub.head.php 인가 파일이 있을겁니다.
거기서 <!-- 이렇게 주석처리되있는걸 지우시고 적용하시면됩니다.