table에서 div 형태로 변경하고 싶습니다 정보
table에서 div 형태로 변경하고 싶습니다본문
댓글 전체
레이아웃잡으시는군요.
div 레이아웃은 웹표준을 위한 첫걸음인데
문서 (php구문 제외한) 첫째줄에 문서타입 설정을 넣지않는다면 div 레이아웃을 짜는 의미가 없는거나 마찬가지입니다.
아래 코드에서 _height: 은 익스6을 위한 대비입니다~
css 잘수정해서 사용하시길~
(삭제~)
*** 개인적으로 레이아웃은 position:absolute 를 활용하는게 옳다고 생각하지만,,,
초보분들은 오히려 수정에 애먹으실수있으므로 그냥 안썼습니다ㅎ
div 레이아웃은 웹표준을 위한 첫걸음인데
문서 (php구문 제외한) 첫째줄에 문서타입 설정을 넣지않는다면 div 레이아웃을 짜는 의미가 없는거나 마찬가지입니다.
아래 코드에서 _height: 은 익스6을 위한 대비입니다~
css 잘수정해서 사용하시길~
(삭제~)
*** 개인적으로 레이아웃은 position:absolute 를 활용하는게 옳다고 생각하지만,,,
초보분들은 오히려 수정에 애먹으실수있으므로 그냥 안썼습니다ㅎ
DreamT님 답변 내용 너무 감사드립니다
적용해 봤는데 약간 모르는 부분이 있어서 그런데
한번만 더 부탁드릴께요
내용은 상단 부분에 내용이 나와있습니다
거듭 감사드립니다
적용해 봤는데 약간 모르는 부분이 있어서 그런데
한번만 더 부탁드릴께요
내용은 상단 부분에 내용이 나와있습니다
거듭 감사드립니다
아 ㅋㅋㅋ 테이블에서 colspan 이 있었나요? 깜빡했네요.ㅎㅎㅎ
<!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 이 없어서 거기서도 잘되는지는 확인을 못해봣네요 ㅋㅋㅋ
<!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 이 없어서 거기서도 잘되는지는 확인을 못해봣네요 ㅋㅋㅋ
이번엔 위처럼 되었습니다 한번만 더 부탁드려요
죄송해요 ^^
죄송해요 ^^
흠... 익스8과 크롬으로 지금 보고있는데 문제없이잘되는데...
브라우져 어떤거 쓰시나요?
저건 지금 가로길이가 넘쳐서 한줄내려와버린겁니다.
오른쪽거 width값을 조정하심됩니다..
아니면 상단과,내용 부분 div의 width값을 줄이시든가요 ㅎ
브라우져 어떤거 쓰시나요?
저건 지금 가로길이가 넘쳐서 한줄내려와버린겁니다.
오른쪽거 width값을 조정하심됩니다..
아니면 상단과,내용 부분 div의 width값을 줄이시든가요 ㅎ
아 이제 제대로 되었습니다
<!Doctype html> 부분은 꼭 넣어야 하나요 ?
감사합니다
<!Doctype html> 부분은 꼭 넣어야 하나요 ?
감사합니다
네 꼭넣어야하구요.
그누보드 연동해서 적용하시려면
그누보드 파일중에 sub.head.php 인가 파일이 있을겁니다.
거기서 <!-- 이렇게 주석처리되있는걸 지우시고 적용하시면됩니다.
그누보드 연동해서 적용하시려면
그누보드 파일중에 sub.head.php 인가 파일이 있을겁니다.
거기서 <!-- 이렇게 주석처리되있는걸 지우시고 적용하시면됩니다.
