|
|
|
10-09-24
|
조회 1,807
|
|
|
|
10-09-24
|
조회 1,540
|
|
|
|
10-09-24
|
조회 7,110
|
|
|
|
10-09-24
|
조회 1,326
|
|
|
|
10-09-23
|
조회 1,719
|
|
|
|
10-09-23
|
조회 3,305
|
|
|
|
10-09-23
|
조회 1,696
|
|
|
|
10-09-23
|
조회 1,764
|
|
|
|
10-09-23
|
조회 1,715
|
|
|
|
10-09-23
|
조회 1,732
|
|
|
|
10-09-23
|
조회 1,675
|
|
|
|
10-09-23
|
조회 1,523
|
|
|
|
10-09-23
|
조회 1,714
|
|
|
|
10-09-23
|
조회 2,819
|
|
|
|
10-09-23
|
조회 1,665
|
|
|
|
10-09-23
|
조회 1,808
|
|
|
|
10-09-22
|
조회 1,743
|
|
|
|
10-09-22
|
조회 1,830
|
|
|
|
10-09-22
|
조회 1,674
|
|
|
|
10-09-22
|
조회 1,722
|
댓글 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 인가 파일이 있을겁니다.
거기서 <!-- 이렇게 주석처리되있는걸 지우시고 적용하시면됩니다.