수다닷컴

목적은 아래 두가지 입니다.1. 여러겹으로 싸인 레이어의 높이값을 레이어 안의 내용의 높이에 따라 가변으로 보여주기2. 특정 PC에서 속도가 느려지는 현상 해소(windows7 ie8)jsfiddle 적용이 어려워 개인 서버 url로 드립니다.http://wiztopia.lgnas.com/lifetag/mypage/mypage_mem.html전체 구조는 wrap div아래, 상단 gnb, 좌측 lnb, 중앙 컨텐츠, 하단 footer 4개로 구성됩니다.css는 기본(default, basic)과 gnb용, 레이아웃용, 서브페이지용, 해당 페이지용, 하단 푸터용으로 나뉘어 있습니다.js는 jquery와 easing을 기본으로 gnb용, 각 페이지용 js, 그리고 plugin들(CSS 포함) 삽입되어 있습니다.css, js 삽입 파일 수는 18개 입니다.div 구조는 컨텐츠영역을 감싸고 있는 content-area, 컨텐츠 각 섹션인 section-layer, 컨텐츠 구분을 두기 위한 content-wrap, 컨텐츠를 감싸고 있는 section-conetnt로 되어 있습니다.(2개로 해결이 가능하나, parallax와 floating parallax를 구현해 달라고 해서 어쩔 수 없이 4개로 나눔)배경백그라운드는 section-layer에 되어 있습니다.위 링크의 상단 탭을 보시면 회원수정 컨텐츠 높이가 길고, 나머지두개의 페이지는 컨텐츠 높이가 짧습니다.컨텐츠 높이는 백그라운드 때문에 고정 px로 주었으나, 가변으로 인하여 고정 px를 줄수 없게 되었습니다.js로 페이지 로딩이나 가변시 높이값을 계산하여 가변을 처리하고 있지만, 특정 PC에서 무지 느려지는 현상이 있습니다.입력하는 대로 늘어나게 하는 방법이 없을지요?조건은 컨텐츠가 브라우저 높이보다 작으면 footer가 항상 브라우저하단에 붙어 있어야하며, 컨텐츠가 브라우저 높이보다 크면footer가 컨텐츠 하단에 붙어 있어야 합니다.(브라우저 해상도와 리사이징도 고려되어야 합니다.)css 만으로 제어가 가능할까요?마지막으로 jquery 계산식만 추가하면 무지 느려지는데,,, 제가 잘못한게 있는지 조언 부탁드립니다.쉬운걸 제가 못하는 건지 실력이 떨어졌는지 왠지 회의감과 자괴감이 드네요 ㅠㅠ

신청하기