<div>
<div id="head">Header</div>
<div id="body">
<div class="left">
left left left left left left left left left left left left left left left left left left left left left left left left left
</div>
<div class="main">
main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main
</div>
</div>
<div id="tail">tail</div>
</div>
몇 가지 검증하셔야 할 것이
그누보드(영카트 포함) 사용된 스크립트와 충돌은 없는지(그누 기본에서는 문제가 안 되는데 몇 가지 기능을 추가할 경우 문제가 발생할 수 있습니다.)
레이어 팝업창과 충돌은 없는지(인덱스 값 조정으로 띄우는 레이어 팝업창입니다.)
배경이미지를 적용하였을 때 정렬을 중앙에 했을 경우 문제가 없는지
다른 div에서 margin, padding 사용값에 따라 레이어가 변동이 없는 지 등을 점검하셔야 합니다.
그리고 스킨 사용을 고려하셔서 제작하셔야 하고요.
드디어 그누보드(영카트)도 대세를 따르시려는 것 같아 흐뭇합니다.
전 레이아웃에 id 사용을 권장하고 싶습니다.
id 사용은 차후에 새로운 스타일시트 작성 시 스타일 중복이라는 실수를 줄여줄 수 있습니다.
한 페이지에서 같은 id 사용을 권장하지 않기때문에 좀 더 신경을 쓰게되기 때문이죠
그리고 어차피 작성해야 할 건너뛰기 링크 작성에도 도움이 되구요.
댓글 13개
http://www.dynamicdrive.com/dynamicindex1/index.html
dhtml 로 메뉴 만들어야 하는 경우라면
http://www.dhtmlgoodies.com/ 을 추천합니다.
ie6과 ie7에서는 hack을 안쓰면 황당한 결과가 나오더라구요. ㅠ..ㅠ...
그래서 저는 기본 frame에서는 css를 안쓰고 있어요.
가장 좋은 것은 naver의 css를 참조하심이...
http://html.nhndesign.com/guidelines/pattern/naver/layout/2Fluid1.html
네이버 메일 쪽 참고 했습니당.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>...</title>
</head>
<style>
#head { clear:both; border:1px solid #000; }
#body { clear:both; z-index:1; width:100%; overflow:hidden; }
#body .left { float:left; left:0; width:209px; border:1px solid #000; }
#body .main { margin-left:210px; border:1px solid #000; }
#tail { clear:both; border:1px solid #000; }
</style>
<body>
<div>
<div id="head">Header</div>
<div id="body">
<div class="left">
left left left left left left left left left left left left left left left left left left left left left left left left left
</div>
<div class="main">
main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main
</div>
</div>
<div id="tail">tail</div>
</div>
</body>
</html>
http://topschool.co.kr/test.php
ㅠㅠ
그누보드(영카트 포함) 사용된 스크립트와 충돌은 없는지(그누 기본에서는 문제가 안 되는데 몇 가지 기능을 추가할 경우 문제가 발생할 수 있습니다.)
레이어 팝업창과 충돌은 없는지(인덱스 값 조정으로 띄우는 레이어 팝업창입니다.)
배경이미지를 적용하였을 때 정렬을 중앙에 했을 경우 문제가 없는지
다른 div에서 margin, padding 사용값에 따라 레이어가 변동이 없는 지 등을 점검하셔야 합니다.
그리고 스킨 사용을 고려하셔서 제작하셔야 하고요.
드디어 그누보드(영카트)도 대세를 따르시려는 것 같아 흐뭇합니다.
id 사용은 차후에 새로운 스타일시트 작성 시 스타일 중복이라는 실수를 줄여줄 수 있습니다.
한 페이지에서 같은 id 사용을 권장하지 않기때문에 좀 더 신경을 쓰게되기 때문이죠
그리고 어차피 작성해야 할 건너뛰기 링크 작성에도 도움이 되구요.
이건 어때요