본문 바로가기
프론트앤드 개발

table col이 크롬과 사파리에서 안먹을대 해결방법

by 긴자손 2011. 3. 3.
728x90
반응형


table에 col값을 넣어놨는데 크롬과 사파리에 안먹을때가 있다..


물론 파이어폭스, IE6,7,8은 먹는다..


<table>

<caption>이건테이블이다.</caption>

<colgroup>

<col width="100px;">

<col width="400px;">

</colgroup>

<tbody>

<tr>

<td>1학년</td>

<td>과제는 X를 만드는것이다.</td>

</tr>

</tbody>

</table>


이런형태가 있을때..


혹시나 caption을 안보이게 하기위해서 position:absolute값을 준다거나 text-indent를 이용하거나 했을때...


col값이 크롬과 사파리에서 먹지 않고 동일한 td사이즈가 된다. 


그래서 caption을 안보이게 할때... display:none;를 사용하면


문제가 해결될것이다.

728x90
반응형

'프론트앤드 개발' 카테고리의 다른 글

IE9 CSS적용 범위  (0) 2011.03.21
비IE 스크랩하기 javascript  (0) 2011.03.07
IE6에 자주발생하는 css버그  (0) 2011.01.27
html5 관련 유용한 사이트  (0) 2010.10.18
Jquery mobile 흠흠~  (0) 2010.10.18