'2010/08'에 해당되는 글 2건

  1. 2010.08.12 ie6 frame 잔상이 생기는 현상
  2. 2010.08.07 HTML 버전별 DTD

ie6 frame 잔상이 생기는 현상

|

홈페이지에 frame을 넣고 익스6에서 테스트를 해보니 잔상이 생기는 현상이 발생했다.

ie8이나 파폭에서는 잘되는걸 보니 6의 버그인거 같다.

그래서 검색을 해보니 배경을 확실하게 명시해주면 처리가 가능하단다.


01

@ 원인(cause)

1. 본인이 원한경우
- 홈페이지를 만들때 background music를 깐다던가.. 등등의 꼼수를 쓰려고..

2. 본인이 원하지 않은 경우
- 한글도메인을 사용하는 경우에 plug-in을 설치하지 않은 ie6에서는 임의로 frame를 삽입해 홈페이지를 출력한다.
이때, body에 background-image를 준경우에, 익스플로러에서 스크롤할때 잔상에 생기는 버그가 발생한다.


@ 해결방법(solution)
1. 배경이미지, 배경색등을 정확하게 명시하여준다.
ex>
body { background: #fff url('background.gif') top no-repeat; }
이경우..
body { background-color:#fff; background-image:url('background.gif'); background-position:top; background-repeat:no-repeat; }

2. 이렇게 해서도 안된다!! (solution 2)
* html { background-color: #fff; }

이런식으로 지정하면. 스크롤시 잔상이 사라지게 된다.


하여튼 ie6는 귀찮다.


http://atple.egloos.com/1680719

And

HTML 버전별 DTD

|

HTML 2.0 표준 문서 형식

<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">


HTML 3.2 표준 문서 형식

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">


HTML 4.01 표준 문서 형식[Strict, Transitional, Frameset 순]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">


XHTML 1.0 표준 문서 형식[Strict, Transitional, Frameset 순]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


XHTML 1.1 표준 문서 형식[XHTML 1.1은 무조건 Strict]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

XHTML 모바일 1.0 문서 형식

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><html xmlns="http://www.w3.org/1999/xhtml">


http://www.virhac.com/board/bbs/?id=webstandard&no=47

And
prev | 1 | next