728x90 반응형 TD2 table col이 크롬과 사파리에서 안먹을대 해결방법 table에 col값을 넣어놨는데 크롬과 사파리에 안먹을때가 있다.. 물론 파이어폭스, IE6,7,8은 먹는다.. 이건테이블이다. 1학년 과제는 X를 만드는것이다. 이런형태가 있을때.. 혹시나 caption을 안보이게 하기위해서 position:absolute값을 준다거나 text-indent를 이용하거나 했을때... col값이 크롬과 사파리에서 먹지 않고 동일한 td사이즈가 된다. 그래서 caption을 안보이게 할때... display:none;를 사용하면 문제가 해결될것이다. 2011. 3. 3. 브라우저랜더링과 테이블구조 테이블을 만들때... 각 브라우저는 렌더링을 다르게 한다... 일반적으로 우리는 테이블의 사이즈를 정하고 th,td의 사이즈를 계산하여 만들것이다... 전체를 1000px로 한다면 머 이렇게 선언하여서 스타일을 시작할 것이다. 위의 클래스를 테이블에 선언 하여 각각의 사이즈를 잡을것이다. 으로 선언하여 테이블을 시작하면 그밑에 각 서브 항목들은 위의 th값과 thead값등의 스타일을 먹게 된다.. 여기서 중요한 것은 c1~c5까지의 클래스는 사이즈가 있다. 그리고 보더도 들어가있다... 이렇게 선언하여 테이블을 구성할 경우에 실제 테이블은 1000이라는 전체범위를 가지고 있다. 실제 안에 면적에 해당하는 c1~c4를 더해보면 474밖에 되지 않는다. 하지만 브라우저가 테이블 전체 크기를 계산하여서 범위 .. 2010. 2. 25. 이전 1 다음 728x90 반응형