본문 바로가기

반응형

css height 100%

HTML UI 에 대해서 정말로 그 동안 계속 개발을 해오며, HTML UI 때문에 이만저만 고생한것이 아니다. 박스모델 등.. 테이블 코드를 이용한 그리드 레이아웃등. 어쨌건.. 그 동안 이런 저러한 테스트들을 통하여 결과를 다시 작성해 본다. 먼저 기본적이 웹사이트 UI 에 가장 많이 사용되는 UI 형태이다. 작성된 HTML코드는 다음과 같다. 이제 이와 같은 형태에서 많은 각각의 요소(엘리먼트) 안에 내용들이 할당된다. HEADER 부분에는 평균적으로 메뉴가 들어가게 될것이고, LEFT 부분에는 로그인및 배너및 기타요소가 들어가게 될것이고, CONTENT 부분에는 말 그대로 컨텐츠등이 들어가게 될것이다. FOOTER 에는 카피라이트 문구나, 소개형태의 내용이 들어가게 된다. 그런데 이와같은 형태의 UI에서 빈번하게 삽질하게.. 더보기
HTML UI :: 세로 100% 설정 다시 포스팅을 합니다. http://www.jkun.net/258 -> 이 링크를 참조하시는게 더욱 좋을 듯합니다. 아래 포스팅은 이전에 테스트를 하였었습니다. 새로 작성된 포스팅을 확인하시면 더 좋을것 같습니다.^^; 혼랸야기 죄송~ 검색엔진에서 뒤지다 보니 세로 100%, CSS 세로 100% 등등 많은 포스팅을 볼수가 있었다. 물론 테스트를 거치다 보니 옳은 내용이었으나.. 나의 잘못된(?) 코드 작성 습관으로 인하여 삽질을 면할수가 없었다. 일단 기본적으로 나의 HTML UI 구성코드는 이렇다. HTML UI Testing CSS html, body {width:100%; height:100%; margin:0; padding:0;} #divWrap {width:100%; height:100%; .. 더보기

반응형