<html>
<head>
<script type="text/javascript" language="javascript">
<!--
function toggle ( id )
{
var obj = document.getElementById ( id );
if ( obj.style.display != "block" )
obj.style.display = "block";
else
obj.style.display = "none";
}
//-->
</script>
</head>
<body>
<table border="1" style="width:200px">
<col style="width:20px"/>
<col/>
<tr>
<td style="width:20px"> </td>
<td onclick="toggle('tt')">Show/Hide</td>
</tr>
<tr>
<td id="tt" colspan="2">
ㅎㅎ몬ㅇ리ㅏㅁㄴ와롬ㄴ이ㅏㅗㄹ민옮ㄴ오라ㅣㅣ몬ㅇㄹ마ㅣㅗㅇ
ㄴ오림ㄴ오리몬ㅇ롬ㄴ이ㅏ뢰만오라몬이ㅏㅗㄻㄴ어룀ㄴ오림ㄴ오리
</td>
</tr>
</table>
</body>
</html>
display 속성 변경시에 colspan 속성이 사라짐
-
- 해커
- Posts: 691
- Joined: 2004 08 11 22:14 59
- Contact:
Re: display 속성 변경시에 colspan 속성이 사라짐
td의 기본 display값은 block이 아니라 table-cell입니다.
IE와의 호환을 위해서는 "" 이렇게 blank 값을 주면 쉽게 해결 됩니다. if 절도 block을 체크하지 말고 none을 체크 하셔야 겠네요.
IE와의 호환을 위해서는 "" 이렇게 blank 값을 주면 쉽게 해결 됩니다. if 절도 block을 체크하지 말고 none을 체크 하셔야 겠네요.
-
- 서포터즈
- Posts: 80
- Joined: 2008 06 13 16:16 14
- Contact:
Re: display 속성 변경시에 colspan 속성이 사라짐
셀을 보이지 않게 하려면
width:0 ; overflow:hidden
을 주세요.
display:none 는 html 구조에서 아예 제외시켜버기리 때문에 row/colspan 과 충돌이 일어납니다.
width:0 ; overflow:hidden
을 주세요.
display:none 는 html 구조에서 아예 제외시켜버기리 때문에 row/colspan 과 충돌이 일어납니다.
Who is online
Users browsing this forum: No registered users and 3 guests