webdesign/CSS 썸네일형 리스트형 float된 엘리먼트와 감싸는 블럭의 백그라운드 문제 float:left, float:right 속성의 엘리먼트만을 포함한 블럭에 백그라운드를 적용했을때, float된 컨텐트의 높이를 잡아주지 못해서 백그라운드가 적용되지 않는다. 1. firefox의 경우 overflow:auto;를 하면 자동 클리어 (IE에 적용이 안됨) 2. firefox와 IE overflow:auto; height:지정; 양 브라우저에 모두 적용되지만, 플로우트된 엘리먼트가 지정한 height 값을 넘을 경우 스크롤이 생긴다. - 적용 예 : 높이가 정해진 디자인에 사용 가능 ex) .titleLine { overflow:auto; height:20px; border-bottom:1px solid #ddd; } .titleLine h1{ float:left } .titleLine .. 2008. 1. 8. 17:38 더보기 높이 100%의 창 디자인 요건 100px 높이 헤드 컨텐츠 영역 1 컨텐츠 영역 2 컨텐츠 영역 3 (계속 추가해서 테스트 가능) 요건 50px 높이 풋 - 출처 hyeonseok.com 2008. 1. 8. 10:15 더보기 cursor : hand -> cursor:pointer cursor : hand 는 표준표기 아님 파이어폭스에서 적용안됨 cursor:pointer로 표기 2007. 12. 7. 16:40 더보기 float 된 div를 포함한 div의 백그라운드가 안 보일때, float된 div 높이가 브라우저에 인식 안될때 clear해주는 방법 1. A에 overflow:auto; 해준다. 2. A 다음에 나오는 태그에 clear:both; 해준다. overflow:auto 자체가 clear 기능을 한다. 2007. 12. 1. 23:21 더보기 이전 1 ··· 4 5 6 7 다음