Web/CSS (3) 썸네일형 리스트형 div 안의 ul태그 li태그 DIV 태그 안에 DIV 태그 안에 UL 태그 안에 LI 태그를 쓰면 리스트들이 DIV 태그를 벗어나는 경우가 있다. IE에서는 괜찮은데 firefox 에서는 확실히 벗어난다. 아래의 코드를 보자.. div { border: 1px solid black; width:200px; } ul { list-style:none; margin:0; padding:0; } li{ margin: 0 0 0 0; padding: 0 0 0 0; border: 0; float:left; } 안의내용 안의내용1 안의내용2 위와 같이 코딩을 하고 브라우저 창에서 보면 div는 검은색은 1px 의 두께의 선이 생기지만 "안의내용"은 div 바깥에 생성이 된다. 이것을 해결하려면 마지막의 li 태그에 float:left; 속성을.. CSS 핵 XHTML 코더라면 누구든지 사용하고 있는 CSS를 핵을 소개합니다. 뭐, 지금의 나의 능력으로는 CSS를 핵없이는 맞출 수 없습니다. 그리고, 자주(잘) 사용하는 것이 아래의 핵입니다. 【IE7 핵】 *:first-child+html { } 【IE6 핵】 .test { _padding: 0; } 위에는 IE6에만 읽어 오는 언더 바 핵. 【win/mac opera 핵】 ;; { } 【win/mac safari3 핵】 body:first-of-type { } 대체로 이만큼 있으면, 현재 어떻게든 됩니다. 출처 : Ext-japan 사이트 만든 사람 블로그...... TABLE 선 얇게 하는 속성 위와 같이 테이블 속성에 "BORDER-COLLAPSE: collapse;" 이런식으로 주면 이렇게 이렇게 이렇게 이렇게 이렇게 이렇게 이렇게 이렇게 이렇게 이렇게 이렇게 이렇게 얇게 나온다. 위의 결과를 봐서는 잘 모르겠지만 얇다 -_- 여기서 중요한것은 tr 이나 td 에 주는것이 아니라 table 에 속성을 주어야 한다는 것이다. 이전 1 다음