완전 div로만 한번 만들어 볼려고 한개 사이트 리뉴얼 중인데 나름 재미있어요!
테이블을 div로 리코딩 해주는데 보통 50만원을 받으시더라구요.
2009년 div이거 하나로 출혈 아주 심했습니다.
며느리도 모를 웹 표준이 div에서 시작하고 끝난다는 속설 때문에....
저는 잘 모르지만, div로 구성할 경우,
중앙정렬일 경우,
Div레이어 위에 Div레이어를 올려 놓기가 상당히 어렵더군요..
통으로 플래시를 제작하는 경우라면 쉽지만,
플래시를 조각 조각 제작할 경우도 있거든요...
그럴 경우에는 div레이어를 사용하게 되는데,
좌측 정렬일 경우에는 쉽게 div레이어 위에 div레이어가 올라가지만,
중앙 정렬일 경우에는 익스플로러에서도 안되더군요.
물론, 내컴퓨터님의 말씀처럼
테이블을 중앙정렬로 하나 구성한 뒤
테이블의 좌측 꼭지점을 기준으로 하여,
즉, absolute 대신에 positive 속성으로 구성하면 div 레이어가 삽입됩니다만,
이 경우에도 테이블의 크기를 벗어나는 플래시를 넣으면
테이블 위로 삽입되는 게 아니라, 테이블이 늘어나게 됩니다.
또한, div레이어를 여러 개 삽입하는 것도 테이블이 뒤틀려서 불가능하죠.
댓글 12개
div 나 테이블이나 똑같습니다
div나 table나 css로 코딩하면 별반 다르지 않습니다.
div 나 table 적당한 상황에 적당한 곳에 절절하게 사용하는게 가장 이상적인 방법입니다.
웹표준을 생각 하신다면
http://html.nhndesign.com/uio_menu_ui_library
네이버에서 제공하는 웹표준 가이드를 한번 보시는게 많이 도움이 되실 겁니다
열공을 해야 하지만... 그래도..해야겠군...
'디브이' 또는 '디아이브이' 또는 '디브'로도 많이 발음하시더군요.
테이블 대신 div를 이용하면 코드가 훨씬 간결해지죠.
권장 사항에서도 테이블만이 할 수 있는 레이아웃 기능을 쓰지 않는다면 div를 쓸것을 권장합니다.
음... 포토샵/드림위버/제로보드xe를 사용해서 홈페이지를 만드는강의인데...
대단히 쉽게 빠르게 만드네요....그누보드로도 만드는법 나왔으면
http://singsinghe.co.kr/
테이블을 div로 리코딩 해주는데 보통 50만원을 받으시더라구요.
2009년 div이거 하나로 출혈 아주 심했습니다.
며느리도 모를 웹 표준이 div에서 시작하고 끝난다는 속설 때문에....
div는 테이블과는 전혀 다른방식입니다.
table 은 레이아웃을 짜면 주석문을 넣어주어도 홈페이지가 복잡하게 되어버리는 성질을 가지고 있습니다. 그러나 div 로 레이아웃을 짜면 단조롭고 아주 쉽게 만들어지죠,
우선 저가 div 로 레이아웃을 잡는 방법은, 약간 편법을 씁니다.
우선 전체 홈페이지 크기를 잡습니다. 가로넓이를 960px 정도로 잡구요
그럼 테이블로 960px 로 한개 만들어줍니다. 물론 중앙정렬시키구요
그런다음에 그 테이블을 기준점으로 div 를 넣습니다. 레이어 형식이죠
그러면 홈페이지가 중앙정렬이 쉽게 될 뿐더러, 아주 쉽게 타 브라우져와 호환이되더라구요!!
파폭, 크롬, 사파리, 오페라, ie6~8을 다니며 완벽하게 소화해 낼려면 약간에 편법도 필요하게되고 생각보다 그리 간단한 문제는 아닐거에요.
물론 몰라서 하는 말이니 참고할 필요는 없구요. 본인이 쉽다면 쉬운것이 프로그램이고 그런겁니다.
즐거운 주말 되세요!
일현님도 즐거운 주말되세요!
중앙정렬일 경우,
Div레이어 위에 Div레이어를 올려 놓기가 상당히 어렵더군요..
통으로 플래시를 제작하는 경우라면 쉽지만,
플래시를 조각 조각 제작할 경우도 있거든요...
그럴 경우에는 div레이어를 사용하게 되는데,
좌측 정렬일 경우에는 쉽게 div레이어 위에 div레이어가 올라가지만,
중앙 정렬일 경우에는 익스플로러에서도 안되더군요.
테이블을 중앙정렬로 하나 구성한 뒤
테이블의 좌측 꼭지점을 기준으로 하여,
즉, absolute 대신에 positive 속성으로 구성하면 div 레이어가 삽입됩니다만,
이 경우에도 테이블의 크기를 벗어나는 플래시를 넣으면
테이블 위로 삽입되는 게 아니라, 테이블이 늘어나게 됩니다.
또한, div레이어를 여러 개 삽입하는 것도 테이블이 뒤틀려서 불가능하죠.
dtd 선언 시 IE6 이상에서는 margin: 0 auto;가 되며,
text-align: center; 는 IE5에서도 됩니다. 텍스트 정렬은 핵으로 넣기를 추천합니다.