ie6 에서 마지막 글자 중복되는 버그

# Work/HTML/CSS 2011. 7. 12. 14:00 |
반응형

html로 사이트를 코딩 하다보면 마지막 문자열이 복사되는 현상이 발생되어집니다..

화면에 표시하지 않는’ { display:none; } 콘텐츠 또는 <!-- 주석 --> 또는 <input type="hidden" /> 요소 보다 먼저 등장하는 ‘float’된 요소에 ‘display:inline’ 속성을 추가하면 간단하게 해결됩니다.
 ‘float’된 요소는 자동으로 ‘display’ 속성이 ‘block’으로 바뀌는 특징이 있는데 이렇게 ‘float’된 요소에는 임의로 다른 ‘display’ 속성들 ‘inline, inline-block…’을 부여하더라도 이것들이 완전히 무시되고 고유의 ‘block’ 속성을 유지하는 특징이 있습니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
.main {
width: 204px;
border:1px solid red;
}
.left {
float: left;
width: 100px;
border:1px solid blue;
}
.right {
float: right;
width: 100px;
border:1px solid blue;
}
</style>
</head>

<body>
<div class="main">
<div class="left">왼쪽</div>
<!---->
<div class="right">마지막 글자가 복사되는 버그</div>
</div>
<!-- float가 된 div 사이의 주석이 있을 때 마지막 글자가 반복되는 버그-->
</body>
</html>



출처 : http://frieze.tistory.com/13
반응형
저작자표시 비영리 변경금지

'# Work > HTML/CSS' 카테고리의 다른 글

@font-face (웹폰트 구현)  (0) 2011.12.08
가상선택자 (:hover) ie6에서도 적용시키기  (0) 2011.08.05
table-layout:fixed;  (0) 2011.06.30
ie6에서 png 이미지 투명하게 처리하기  (0) 2011.06.10
플래시가 겹쳐 보일 때  (0) 2011.06.08
호정찐

티스토리툴바