Daniel's Knowledge Storage

order-collapse : 테이블 또는 셀의 테두리선 표시방법을 지정하는 스타일시트 옵션 - border-collapse:collapse : 서로 이웃하는 테이블이나 셀의 테두리션을 겹쳐서 표현한다. - border-collapse:separate : 서로 이웃하는 테이블이나 셀의 테두리션을 분리시켜 표현한다. (이스타일을 사용하지 않으면 모든 테이블이나 셀의 경계선은 분리되어 나온다. 기본값) 테두리가 겹쳤을때 나타나는 순서 1. border-style:hidden이 지정된것이 가장 우선한다. 2. border-style:none이 지정된 것은 우선순위가 가장 낮다. 3. hidden과 none이외의 값이 지정되어 있는 경우는 폭이 두꺼운 테두리선이 우선순위로 나타나게 된다. 4. 굵기가 같은 경우..

div작업시 foot 부분을 화면 하단에 고정 시켜야 할 경우가 생깁니다. 그때 body의 높이 100%를 잡아서 하단에 고정 시키는 방법입니다. 우선 height 100%를 사용하려면 html element와 body element의 높이를 100%로 확보해 주어야 합니다. #body 는 min-height 로 100%높이를 유지 해주고, #content-area 는 원하고자 하는 컨텐츠 영역을 확보 합니다. 이때, IE 는 min-height 를 지원하지 않으므로, conditional comment를 사용하여 height를 100% 로 확보 합니다. (주석같이 보이는 부분) #head 의 높이와 #foot 의 높이가 고정이어야 한다는 제약이 있습니다...만, 거의 대부분의 웹사이트가 고정이므로 별 ..

http://naradesign.net/wp/ 에 들어 갔더니.. "이 블로그는 오늘 CSS Naked Day! 행사에 참여하고 있습니다. 웹 표준의 섹시함을 알리는 행사 입니다." 라는 희안한 문구가 있어 따라 들어가 봤습니다 ^^ http://hangunsworld.com/naked/ 오늘은 CSS를 제거 함으로 웹표준을 장려하려는 것이라고 하네요. 재미있고 독특한 이벤트입니다 ㅎ 제 블로그도 한번 없애 볼까요? ㅎㅎ

http://bestwebgallery.com/ 확실히 우리 나라와 외국은 디자인 스타일이 참 많이 다릅니다. 우리 나라는 화려하고 풍부한 그 어떤 것을 좋아하는데, 외국은 정말 심플 그 자체죠. 그렇다고 썰렁하지도 않고. 그래서 우리 나라 디자인이 나쁘다 후지다라는 것은 아니고 다르다는 얘기예요 ㅎ 그냥. 뇌전환을 위한 사이트를 하나 소개 합니다. 물론 많이 알고 계실 것 같지만 혹시라도 모를 디자이너도 있을 것 같아 올립니다. 여기 소개되는 사이트 들은 CSS로 제작된 사이트들입니다.

현재 회사에서 진행하고 있는 사이트를 최대한 표준화 하려고 노력하고 있다. 문자셋을 페이지 마다, 이렇게 넣기 번거로와서 스타일시트에, @charset "utf-8"; 라고 선언해주는 방식을 썼다. 익스플로러, 파이어폭스, 오페라에서는 문제 없이 작동하지만 사파리에서는 여전히 깨져서 나온다. 사파리까지 나오게 하려면 전자(메타테그)를 선택해야 한다.