728x90 반응형 IE63 IE6에 자주발생하는 css버그 üIE6의 margin bug (right,bottom : 3px) üIE6의 double margin (display:inline, float 사용) ü자식 node의 float에 다른 부모의 영역 무시 (FF 등등) ülist형의 글자간 높이는 브라우저별로 기본 높이 다름 (line-height를 이용) üposition : relative/absolute 사용 ü인코딩 type에 따른 select 박스의 한글 top 1px 버그 üIE의 글자 복사 버그 (이 버그는 float된 요소 사이에 ‘화면에 표시하지 않는’ { display:none; } 콘텐츠 또는 또는 요소 등을 포함하고 있을 때 발생) üIE의 img tag의 margin-bottom 2px 버그 üIE6의 border 중첩 버그(po.. 2011. 1. 27. 브라우저랜더링과 테이블구조 테이블을 만들때... 각 브라우저는 렌더링을 다르게 한다... 일반적으로 우리는 테이블의 사이즈를 정하고 th,td의 사이즈를 계산하여 만들것이다... 전체를 1000px로 한다면 머 이렇게 선언하여서 스타일을 시작할 것이다. 위의 클래스를 테이블에 선언 하여 각각의 사이즈를 잡을것이다. 으로 선언하여 테이블을 시작하면 그밑에 각 서브 항목들은 위의 th값과 thead값등의 스타일을 먹게 된다.. 여기서 중요한 것은 c1~c5까지의 클래스는 사이즈가 있다. 그리고 보더도 들어가있다... 이렇게 선언하여 테이블을 구성할 경우에 실제 테이블은 1000이라는 전체범위를 가지고 있다. 실제 안에 면적에 해당하는 c1~c4를 더해보면 474밖에 되지 않는다. 하지만 브라우저가 테이블 전체 크기를 계산하여서 범위 .. 2010. 2. 25. CSS hack모음 2010. 2. 25. 이전 1 다음 728x90 반응형