어렵다 ㅠㅠ 정보
어렵다 ㅠㅠ
본문
좌측메뉴는 고정이고 우측 컨텐츠가 유동적인 간결한 css 좀 빌려 주십시오.
나중에 갚겠습니다. ^^
ps. 머리가 굳어서 새로운걸 배울 생각은 전혀 못하는 1人 ㅜ.ㅡ
추천
0
0
댓글 13개
여기 자료 참고해보세요 ^^
http://www.dynamicdrive.com/dynamicindex1/index.html
http://www.dynamicdrive.com/dynamicindex1/index.html
음~ 참고하겠습니다. 감사합니다.
말을 이해를 못했어요 ㅋ
css가 좋기는 한데,
ie6과 ie7에서는 hack을 안쓰면 황당한 결과가 나오더라구요. ㅠ..ㅠ...
그래서 저는 기본 frame에서는 css를 안쓰고 있어요.
가장 좋은 것은 naver의 css를 참조하심이...
ie6과 ie7에서는 hack을 안쓰면 황당한 결과가 나오더라구요. ㅠ..ㅠ...
그래서 저는 기본 frame에서는 css를 안쓰고 있어요.
가장 좋은 것은 naver의 css를 참조하심이...
저는 저거 썼는데도, 다른 css랑 쫑나면서 깨어져서 결국 포기했어요.
그건 맞습니다. 저도 다른 css 랑 사용하다보니 width가 엉망이 되는 경우가 있더군요. 기본형만 그대로 가져다 쓸 분들에게는 유용한데 이것저것 실험적인 것들을 집어넣을 경우 비추천입니다. 문제는 완벽히 소화하는 녀석을 못 찾는다는 것이지요.
익스6, 불여우3, 크롬 검증 ...
네이버 메일 쪽 참고 했습니당.
<!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>
네이버 메일 쪽 참고 했습니당.
<!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>
몇 가지 검증하셔야 할 것이
그누보드(영카트 포함) 사용된 스크립트와 충돌은 없는지(그누 기본에서는 문제가 안 되는데 몇 가지 기능을 추가할 경우 문제가 발생할 수 있습니다.)
레이어 팝업창과 충돌은 없는지(인덱스 값 조정으로 띄우는 레이어 팝업창입니다.)
배경이미지를 적용하였을 때 정렬을 중앙에 했을 경우 문제가 없는지
다른 div에서 margin, padding 사용값에 따라 레이어가 변동이 없는 지 등을 점검하셔야 합니다.
그리고 스킨 사용을 고려하셔서 제작하셔야 하고요.
드디어 그누보드(영카트)도 대세를 따르시려는 것 같아 흐뭇합니다.
그누보드(영카트 포함) 사용된 스크립트와 충돌은 없는지(그누 기본에서는 문제가 안 되는데 몇 가지 기능을 추가할 경우 문제가 발생할 수 있습니다.)
레이어 팝업창과 충돌은 없는지(인덱스 값 조정으로 띄우는 레이어 팝업창입니다.)
배경이미지를 적용하였을 때 정렬을 중앙에 했을 경우 문제가 없는지
다른 div에서 margin, padding 사용값에 따라 레이어가 변동이 없는 지 등을 점검하셔야 합니다.
그리고 스킨 사용을 고려하셔서 제작하셔야 하고요.
드디어 그누보드(영카트)도 대세를 따르시려는 것 같아 흐뭇합니다.
전 레이아웃에 id 사용을 권장하고 싶습니다.
id 사용은 차후에 새로운 스타일시트 작성 시 스타일 중복이라는 실수를 줄여줄 수 있습니다.
한 페이지에서 같은 id 사용을 권장하지 않기때문에 좀 더 신경을 쓰게되기 때문이죠
그리고 어차피 작성해야 할 건너뛰기 링크 작성에도 도움이 되구요.
id 사용은 차후에 새로운 스타일시트 작성 시 스타일 중복이라는 실수를 줄여줄 수 있습니다.
한 페이지에서 같은 id 사용을 권장하지 않기때문에 좀 더 신경을 쓰게되기 때문이죠
그리고 어차피 작성해야 할 건너뛰기 링크 작성에도 도움이 되구요.
