'프로그래밍'에 해당되는 글 42건
- 2010.08.12 ie6 frame 잔상이 생기는 현상
- 2010.08.07 HTML 버전별 DTD
- 2010.07.29 [mssql2008] 테이블을 다시 만들어야 하는 변경 내용 저장 사용 안 함
- 2010.07.08 float된 자식의 높이를 부모가 감싸안도록 만들기
- 2010.06.10 jQuery 기본 셀렉터
홈페이지에 frame을 넣고 익스6에서 테스트를 해보니 잔상이 생기는 현상이 발생했다.
ie8이나 파폭에서는 잘되는걸 보니 6의 버그인거 같다.
그래서 검색을 해보니 배경을 확실하게 명시해주면 처리가 가능하단다.
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
'프로그래밍 > CSS/웹표준' 카테고리의 다른 글
| ie7 이하부터 셋팅이 잘못될 경우 한글인식이 안된다? (2) | 2010.10.27 |
|---|---|
| 테이블 내 tr에 display:none, display:block 주기 (0) | 2010.09.01 |
| HTML 버전별 DTD (0) | 2010.08.07 |
| float된 자식의 높이를 부모가 감싸안도록 만들기 (0) | 2010.07.08 |
| css로 완벽히 이미지 투명도 조절하기. (0) | 2010.03.06 |
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
'프로그래밍 > CSS/웹표준' 카테고리의 다른 글
| 테이블 내 tr에 display:none, display:block 주기 (0) | 2010.09.01 |
|---|---|
| ie6 frame 잔상이 생기는 현상 (0) | 2010.08.12 |
| float된 자식의 높이를 부모가 감싸안도록 만들기 (0) | 2010.07.08 |
| css로 완벽히 이미지 투명도 조절하기. (0) | 2010.03.06 |
| IE6에서 PNG파일을 사용하고 싶어요. (1) | 2010.02.26 |
WebMatrix를 깔고 어찌어찌 하다보니 기존에 있던 mssql 2005를 삭제하고 2008을 설치하게 되었다.
그런데 이놈은 매니저에서 만들어진 테이블에 컬럼을 추가하거나 삭제를 할때 요상한 에러를 내는게 아닌가.
위의 그림과 같은 에러다.
"변경 내용을 저장할 수 없습니다. 변경 내용을 적용하려면 다음 테이블을 삭제하고 다시 만들어야 합니다. 다시 만들 수 없는 테이블을 변경했거나 [테이블을 다시 만들어야 하는 변경 내용 저장 사용 안 함] 옵션을 설정했습니다."
머 어쩌라고...
해결방법은 도구 > 옵션 > 디자이너 > 테이블 및 데이터베이스 디자이너 에서 '테이블을 다시 만들어야 하는 변경 내용 저장 사용 안 함(S) 을 체크해제하면 된다.
CSS에서 디자인을 하다가 float된 요소를 자식으로 품고 있는 부모가 같이 float되지 않은 경우 자식이 부모 밖으로 튀어나가는 경우를 볼 수 있다. 아래처럼 말이다.
이런 경우 가장 깔금한 해결책(가상 선택자 :after와 zoom:1)을 담은 글을 발견해서 아래 접었다 폈다를 펼치면 볼 수 있다.
원문은 http://naradesign.net/open_content/lecture/wp/ 에서 볼 수 있다. 원문에는 모든 해결책의 유형을 제시하고 있다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Float</title>
<style type="text/css">
.wrap { background:#CCCCCC; width:600px;}
.wrap:after { content:""; clear:both; display:block; *zoom:1;}
.left { float:left; width:200px; height:200px; background:#FF3333; }
.right { float:right; width:400px; height:100px; background:#0066FF }
</style>
</head>
<body>
<div class="wrap">
<div class="left">Left</div>
<div class="right">Right</div>
</div>
<div style="background:#00CC00; width:600px; height:30px;">kimkee@naver.com</div>
</body>
</html>
http://imgwizard.com/45576
'프로그래밍 > CSS/웹표준' 카테고리의 다른 글
| ie6 frame 잔상이 생기는 현상 (0) | 2010.08.12 |
|---|---|
| HTML 버전별 DTD (0) | 2010.08.07 |
| css로 완벽히 이미지 투명도 조절하기. (0) | 2010.03.06 |
| IE6에서 PNG파일을 사용하고 싶어요. (1) | 2010.02.26 |
| vertical-align (0) | 2009.09.22 |
# 기본 셀렉터
* : 모든 엘리먼트와 일치
E : 태그명이 E인 모든 엘리먼트와 일치
E F : E의 자손이면서 태그명이 F인 모든 엘리먼트와 일치
E>F : E의 바로 아래 자식이면서 태그명이 F인 모든 엘러먼트와 일치
E+F : E의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치
E~F : E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F와 일치
E:has(F) : 태그명이 F인 자손을 하나 이상 가지는 태그명이 E인 모든 엘리먼트와 일치
E.C : 클래스명 C를 가지는 모든 엘리먼트 E와 일치, E의 생각은 *.C와 동일함
E#I : 아이디가 I인 엘리먼트 E와 일치. E의 생략은 *#I와 동일함
E[A] : 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치
E[A=V] : 값이 V인 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치
E[A^=V] : 값이 V로 시작하는 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치
E[A$=V] : 값이 V로 끝나는 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치
E[A*=V] : 값에 V를 포함하는 어트리뷰트 A를 가지는 모든 엘리먼트 E와 일치
# 위치기반 셀렉터
:first : 페이지에서 처음으로 일치하는 엘리먼트. li a:first는 리스트 아이템의 첫번째 링크를 반환함
:last : 페이지에서 마지막으로 일치하는 엘리먼트. li a:last는 리스트 아이템의 마지막 링크를 반환함
:first-child : 첫번째 자식 엘리먼트. li:first-child는 각 리스트의 첫번째 아이템을 반환한다.
:last-child : 마지막 자식 엘리먼트. li:last-child는 각 리스트의 마지막 아이템을 반환한다.
:only-child : 형제가 없는 모든 엘리먼트 반환
:nth-child(n) : n번째 자식 엘리먼트. li:nth-child(2)는 각 리스트의 두번째 리스트 아이템을 반환함
:nth-child(event|odd) : 짝수 또는 홀수 자식 엘리먼트. li:nth-child(event)은 각 목록의 짝수 번째 자식 엘리먼트 반환
:nth-child(Xn + Y) : 전달된 공식에 따른 n번째 자식 엘리먼트. Y는 0인경우 생략가능하다. li:nth-child(3n)은 3의 배수번째 아이템을 반환, li:nth-child(5n+1) 은 5의 배수 +1번째 아이템을 반환
:event / :odd : 페이지 전체의 짝수/홀수 번째 엘리먼트. li:even은 모든 짝수번째 아이템을 반환한다.
:eq(n) : n번째로 일치하는 엘리먼트
:gt(n) : n번째 엘리먼트(포함안됨) 이후의 엘리먼트와 일치
:lt(n) : n번째 엘리먼트(포함안됨) 이전의 엘리먼트와 일치
# 필터 셀럭터
:animated : 현재 애니메이션이 적용되고 있는 엘리먼트를 선택
:button : 모든 버튼을 선택함(input[type=submit], input[type=reset], input[type=button], button)
:checkbox : 체크박스 엘리먼트만 선택(input[type=checkbox])
:checked : 선택된 체크박스나 라디오 버튼만을 선택
:contains(foo) : 텍스트 foo를 포함하고 있는 엘리먼트만 선택
:disabled : 인터페이스에서 비활성화 상태인 모든 폼 엘리먼트를 선택한다.
:enabled : 인터페이스에서 활성화 상태인 모든 폼 엘리먼트를 선택한다.
:file : 모든 파일 엘리먼트를 선택함(input[type=file])
:header : 헤더 엘리먼트만 선택한다. 예를 들어 <h1>부터 <h6>엘리먼트만 선택한다.
:hidden : 감춰진 엘리먼트만 선택한다.
:image : 폼 이미지를 선택한다.(input[type=image])
:input : 폼 엘리먼트만 선택한다.(input, select, textarea, button)
:not(filter) : 필터의 값을 반대로 변경한다.
:parent : 빈 엘리먼트를 제외하고, 텍스트도 포함해서 자식 엘리먼트를 가지는 엘리먼트를 선택한다.
:password : 패스워드 엘리먼트만 선택한다. (input[type=password])
:radio : 라디오 버튼 엘리먼트만 선택한다.(input[type=radio])
:reset : 리셋 버튼을 선택(input[type=reset], button[type=reset])
:selected : 선택된 엘리먼트만 선택한다.
:submit : 전송 버튼을 선택한다.(button[type=submit], input[type=button])
:text : 텍스트 엘리먼트만 선택(input[type=text])
:visible : 보이는 (visible)엘리먼트만 선택한다.
http://neokido.tistory.com/entry/JQuery-기본-Selector
'프로그래밍 > jquery' 카테고리의 다른 글
| validation(검증) 플러그인 (0) | 2010.10.20 |
|---|---|
| jquery dom 객체 존재 여부 체크 (1) | 2010.09.10 |
| [02] selector (0) | 2009.09.23 |
| [01] jQuery Core (0) | 2009.09.23 |
| [플러그인] 쿠키 (0) | 2009.09.23 |
