div로 레이아웃잡으면 ... > 자유게시판

자유게시판

div로 레이아웃잡으면 ... 정보

div로 레이아웃잡으면 ...

본문

보통 테이블로 레이아웃잡으면 ....
배경이미지도 넣고 막 그러잖아요..

디비도 그런게 되나요?
그래서 뒷배경에 이미지 놓고 그위에 php로 덮고..
추천
0

댓글 12개

디비가 뭔가요 ??
div 나 테이블이나 똑같습니다

div나 table나 css로 코딩하면 별반 다르지 않습니다.
div 나 table 적당한 상황에 적당한 곳에 절절하게 사용하는게 가장 이상적인 방법입니다.

웹표준을 생각 하신다면

http://html.nhndesign.com/uio_menu_ui_library

네이버에서 제공하는 웹표준 가이드를 한번 보시는게 많이 도움이 되실 겁니다
'디비'는 'DB'로 오인될 수 있으니, div => division(분할) [디비젼]으로 발음하시길 바랍니다.
'디브이' 또는 '디아이브이' 또는 '디브'로도 많이 발음하시더군요.

테이블 대신 div를 이용하면 코드가 훨씬 간결해지죠.
권장 사항에서도 테이블만이 할 수 있는 레이아웃 기능을 쓰지 않는다면 div를 쓸것을 권장합니다.
방금 서기님의 동영상강좌를 봤는데요...

음... 포토샵/드림위버/제로보드xe를 사용해서 홈페이지를 만드는강의인데...
대단히 쉽게 빠르게 만드네요....그누보드로도 만드는법 나왔으면
http://singsinghe.co.kr/
완전 div로만 한번 만들어 볼려고 한개 사이트 리뉴얼 중인데 나름 재미있어요!
테이블을 div로 리코딩 해주는데 보통 50만원을 받으시더라구요.
2009년 div이거 하나로 출혈 아주 심했습니다. 
며느리도 모를 웹 표준이 div에서 시작하고 끝난다는 속설 때문에....
div 는 분활영역을 뜻하구요,

div는 테이블과는 전혀 다른방식입니다.

table 은 레이아웃을 짜면 주석문을 넣어주어도 홈페이지가 복잡하게 되어버리는 성질을 가지고 있습니다. 그러나 div 로 레이아웃을 짜면 단조롭고 아주 쉽게 만들어지죠,

우선 저가 div 로 레이아웃을 잡는 방법은, 약간 편법을 씁니다.

우선 전체 홈페이지 크기를 잡습니다. 가로넓이를 960px 정도로 잡구요

그럼 테이블로 960px 로 한개 만들어줍니다. 물론 중앙정렬시키구요
그런다음에 그 테이블을 기준점으로 div 를 넣습니다. 레이어 형식이죠

그러면 홈페이지가 중앙정렬이 쉽게 될 뿐더러, 아주 쉽게 타 브라우져와 호환이되더라구요!!
아마 실 작업시에 전체 정렬상에 문제로 힘들다는 말들은 하지 않을거에요.  레이아웃을 좀 복잡하게 잡을 경우 크로싱 브라우저나 같은 ie에서의 버전상에 뒤틀림으로 고생들을 해서 힘들다고 할거에요.

파폭, 크롬, 사파리, 오페라, ie6~8을 다니며 완벽하게 소화해 낼려면 약간에 편법도 필요하게되고 생각보다 그리 간단한 문제는 아닐거에요.

물론 몰라서 하는 말이니 참고할 필요는 없구요.  본인이 쉽다면 쉬운것이 프로그램이고 그런겁니다.

즐거운 주말 되세요!
style 에 '-' 음수값을 인식해서 기준점 잡고나서 '음수'값 으로 광고같은거 넣을 수 있고 해서 좋더라구요 ㅎㅎ^^

일현님도 즐거운 주말되세요!
저는 잘 모르지만, div로 구성할 경우,
중앙정렬일 경우,
Div레이어 위에 Div레이어를 올려 놓기가 상당히 어렵더군요..
통으로 플래시를 제작하는 경우라면 쉽지만,
플래시를 조각 조각 제작할 경우도 있거든요...
그럴 경우에는 div레이어를 사용하게 되는데,
좌측 정렬일 경우에는 쉽게 div레이어 위에 div레이어가 올라가지만,
중앙 정렬일 경우에는 익스플로러에서도 안되더군요.
물론, 내컴퓨터님의 말씀처럼
테이블을 중앙정렬로 하나 구성한 뒤
테이블의 좌측 꼭지점을 기준으로 하여,
즉, absolute 대신에 positive 속성으로 구성하면 div 레이어가 삽입됩니다만,
이 경우에도 테이블의 크기를 벗어나는 플래시를 넣으면
테이블 위로 삽입되는 게 아니라, 테이블이 늘어나게 됩니다.
또한, div레이어를 여러 개 삽입하는 것도 테이블이 뒤틀려서 불가능하죠.
중앙 정렬문제는 의외로 간단합니다.
dtd 선언 시 IE6 이상에서는 margin: 0 auto;가 되며,
text-align: center; 는 IE5에서도 됩니다. 텍스트 정렬은 핵으로 넣기를 추천합니다.
전체 199,680 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT