2011 2011년 2월 18일

IE의 자바 스크립트 오류 : 개체가이 속성 또는 메서드를 지원하지 않습니다

자바 스크립트의 조각은 일반 바 IE 등 모든 브라우저 ANS에서 괜찮았는데이 이상한 문제를 가지고있다 :) 간단한 ... 그것은했지만 스크립트가 나를에 의해 쓰여진 아니었기 때문에, 그것은 오직 IE가 던지는 것을이 "개체가이 속성 또는 메서드를 지원하지 않습니다"오류를 디버깅하는 데 시간이 좀 걸렸어요. 아마! 전 스크립트를 작성했다면 필드 ID를 :)으로 내 변수 이름을 섞어 않는 한, 나는 전혀이 오류를 못했을거야.

문제 : 개체 (라인 3)이 속성 또는 메서드를 지원하지 않습니다 

function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... }

해결 방법 :
오류는 위의 예제 (3 행 ... "shortdesc = document.getE ....")에 thirdrow에서 생성됩니다. 난 여기서 언급의 가치가있다 나는하지 말아 바보 같은 것들의 모든 종류를 시도하고 마침내 맞춰봐! 그냥 다른 뭔가로 shortdesc의 VAR을 변경하면 오류를 지웠어. 기본적으로! 변수 이름은 fieldID과 다를 수 밖에

1 개의 덧글 | 태그 : |에 게시된 브라우저 만지면 , JavasScript

2009 2009년 11월 7일

CSS를 줌 - 또 다른 IE의 특질, 3 픽셀 시프트

시간과 반복을 때 행동 본 모든 다른 브라우저로 W3C 규칙, 울화통를 던지는에 의해 개발 정신의 IE 나선 당신을 만나고에게 말하길, 그 수정을하지 않는 것 같습니다. 단지 그러한 하나가 IE7에서이 문제입니다.

문제 계산서 :
I와 너무 다른 심각한 웹 개발자의 대부분은 몇 가지 링크 (앵커 태그) 위로 마우스를 가져가면에있는 레이아웃에서 수레를, 거기에 중첩 많은 시간, 이상을 발견했을 수도, 포함하는 컨테이너는 오른쪽으로 몇 픽셀을 이동하는 것 . 나는이 문제에 대한 Google 솔루션하려 하겠지만 거의 이유에 대해 어떠한 합리적인 해답을 찾을 수 없었 그것 발생할 때 (상황에서이 문제를 방지하는 데 도움), 따라서 나도 문제에 대한 명확한 해결책을 찾은 적이 없다 ...

가능한 해결 방법 :
경험을 버리고,이 문제는 잘못된 행동 컨테이너의 CSS 정의에 확대 속성을 추가하여 해결되는, 시대 즉, 통지 90 % %가 있는데 ... 

 # somediv {
       줌 : 1;
 }

또 이유가 모호할 때가 있습니다 ... 이것을 시도 ...
IE의 일부 요소는 기본적으로 '참'이다 "hasLayout"재산을 보유하고 있습니다. 많은 시각적 CSS의 행동, 예를 들어, 알파 필터는 해당 hasLayout 요소에서 작동합니다. 그리고 {줌 : 1} 대상 요소에게 hasLayout 속성을주는 것 같습니다 .... 유용한? 나는 그렇게 생각하지 말아 ...

줌 속성은 또한 크롬에서 지원하는 것 같습니다되어 있지만 사용 힘 내 레이아웃에서 크게 나쁜 영향을 만들 것 ... 그것이 당신을 위해 작동한다면, 그것을 시도 ... 그렇지 않다면, "CSS의 크랩"아래에이 페이지를 즐겨찾기에 추가

2 개의 댓글 | 태그 : , , |에 게시된 CSS

2008 2008년 10월 10일

오직 IE 용되지 않음 - CSS 선택 자 어린이는 IE에서 작동하지 않습니다

비 IE 브라우저를위한 CSS : 그것의 더 아래 예제처럼 CSS 아동 선택 자이 IE에서 작동하지 않습니다, CSS 개발자 뉴스가 없습니다.

예 사업부 의미> 스팬 {일부 CSS}, "스팬 요소는 분열 요소의 자식 (그리고하지 손자 또는 증조 자녀 등)이있을 때."

그러나 우리의 장점이 CON를 사용했습니다. 역사적으로, 아동 선택기는 IE에서 CSS 명령을 숨기기 위해 사용되었습니다. 간단하게 배치하여 html>body 어떤 CSS를 명령 IE의 앞에 그것을 무시합니다 :

html>body .foo { CSS commands go here ;}

때문에이 작동 <body> 항상 자식 <html> - 그것은 물론의 손자 또는 증손이 될 수 없다 <html> .

이제 IE 7은 하위 선택을 이해하는 당신은 간판보다 큰 후 직접 비어있는 주석 태그를 삽입해야 IE 7은 다음이 선택기를 (왜 누가 알아!?) 이해되지 않으며, 따라서 전적으로이 CSS의 명령을 무시합니다. :

html> /**/ body .foo { CSS commands go here ;}

이미 전에 본하지 않은 경우뿐만 아니라 다음을 통해 읽기를

아무 코멘트 | 태그 : , , ​​, |에 게시된없는 브라우저 만지면 , CSS

2008 2008년 10월 4일

인터넷 사라짐 HTML / DIV 요소 탐색기에서 [IE]

평소와 같이, IE와 이것은 IE를 만지면 중 상위 10 순위에 반드시있는 많은 예상치 못한 문제 중 하나.

문제 진술 (이것은 유사한 misbehaviors이 어쩌면 내 문제이기도) :
저는 많은 DIV 해당 페이지에서 섹션의 아무것도하지만 제목없는 클래스 "sectionhead"있는 페이지에 있습니다. 그래서 어떤 스타일은 이렇게보고있다

. sectionhead {글꼴 크기 : 18px; 배경 : # cfcfcf; 패딩 : 5px;}

사업부는 검은 텍스트 밝은 회색 바있다. 어떻게 IE에서 발생하면 이러한 섹션 헤더의 일부가 확인 표시가 있지만, '고도'키를 때 페이지 아래로 클릭하면, 페이지를 스크롤하거나 페이지 등에 무언가를 클릭 때때로 그들이 사라지게하는 경향 전까지 일부는 보이지 또는 스크롤 막대로 스크롤할. 그들은 때로는 (F5) 페이지를 다시로드되면 다시 나타날 것 같습니다. 간단한 스타일로 나는 짧은 완벽 간단한 DIV 나쁜 동작합니다.
무슨 그런 엉뚱한 행동을 일으킬 수 있을까? 글쎄! 솔직히, 나도 몰라!

가능한 해결 :
다시 이유는 묻지하지만, 많은 경우이 문제는 위치를 추가할 때 사라지는 경향이 없어이 같은, 요소 스타일을 행동 잘못에 대한 상대를

. sectionhead {글꼴 크기 : 18px; 배경 : # cfcfcf; 패딩 : 5px; 위치 : 상대적}

불가사의하지만, 무슨 말을해야할지? 하나님은 IE에서 저를 축복이 있기를!

그리고 비슷한 문제가 있었다면, 미를 공유 해.

노 코멘트 | 태그 : , , ​​, |에 게시된 브라우저 만지면 , CSS , HTML

2008 2008년 7월 15일

인터넷 익스플로러 8 엄격 모드와 CSS의 불투명도는 ... 될때쯤

아, 오! 이전 포스트에서 다시 IE8의 불투명도에 관한 몇 일, 나는 "IE 8 엄격한 모드는 CSS의 불투명도를 허용하지 않는 '것이 중요한 포인트 얘기를 깜빡 했네요.
나는 엄격한 모드에 의해 무슨 뜻인지 이해를 donot 자들을 보려면 여기를 빠른 튜토리얼입니다 .

이에 대한 주위 작업 (IE dev에 팀 전에 그들이 어떤 불투명도와 팝업 lightboxes을 사용하여 웹 사이트에 대해 전 세계에 다시 작업 루틴을위한 포장 방식을 가지고 있고, 투명도를 위해 다시 지원을 넣어 것을 깨닫게)를 사용하는 것입니다 반 투명 이미지 ... 선호 PNG 형식 (나는 그들이 만나기로 한 줄로 투명 GIF 이미지가 작동하기 위해 점점 나쁜 경험이). 당신을, 좋아하는 이미지 편집기를 원하는 투명도의 색상과 비율의 PNG 이미지를 생성하고 라이트 박스 오버레이를위한 배경 이미지로 사용합니다.

즉
이런식으로 대신에 뭔가가

. lighbox_overlay {
배경 컬러 : # FFFFFF;
Z-인덱스 : 1001;
-moz-투명도 : 0.6;
불투명도 : 0.60;
필터 : 알파 (불투명도 = 60);
}

이렇게 해 ....

. lighbox_overlay {
배경 : URL (bkg.png) 반복;
}

를 게시하려면 여기를 클릭하십시오! | 다운로드하려면 여기를 클릭하십시오!

노 코멘트 | 태그 : , , , |에 게시된 브라우저 만지면 , CSS

2008 2008년 6월 20일

IE6에서 선 / 목록 항목의 공백 버그 (리)

적 목록 항목 (리) 태그와 CSS를 사용 (또는 하나를 만드는) 세로 메뉴를 만든 경우가 발생할 수도 있습니다,이 아직 IE 블록 레벨 요소를 포함 목록 항목 사이에 여섯 삽입 이러한 격차, 인터넷 익스플로러, 다른 버그 마크업에서 목록 항목 사이에 공백이있다면 즉. 감사합니다, 그런데 덕분에, IE 버전 7이 버그에서 무료 보인다.
나, 그리고 더 많은 것, 당신이 아직 너무 IE6에서 작업하는 새로운 레이아웃을 받아야 좌절 개발자,이 밴드에 속해있다면, 이것은 유용할 수 있습니다. 보라 구 ...

샘플 마크업 :

<ul id="menu">
<li> <a href="#"> 홈 </ a> </ 리>
<li> <a href="#"> 정보 </ a> </ 리>
<li> <a href="#"> 서비스 </ a> </ 리>
<li> <a href="#"> 포트폴리오 </ A> </ 리>
<li> <a href="#"> FAQ </ A> </ 리>
<li> <a href="#"> 문의 </ a> </ 리>
</ UL>

당신은 수직 메뉴로 위의 마크업을 transfrom하려면, 아래의 하나와 유사한 몇 가지 CSS를 만들 수 있습니다 ....

샘플 CSS ...
# 메뉴 {
여백 : 0; 패딩 : 0; 배​​경 : # FF9900;
목록 스타일 타입 : 전혀 없으며 폭 : 150px;
}
# 메뉴 리튬 {여백 : 0; 패딩 : 0;}
# 메뉴 {디스플레이 : 블록;
색상 : # 555555;
텍스트 장식 : 없음;
패딩 : 0 15px;
라인 - 높이 : 2.5; 국경 - 하단 : 1px 고체 # FFF;
}

당신이 볼 수 결과 ...
null로

이 버그 ... (수정 / 굵은 기울임 체로 CSS를 추가)를위한 솔루션

# 메뉴 {
여백 : 0; 패딩 : 0; 배​​경 : # FF9900; 목록 스타일 타입 : 없음; 폭 : 150px;
플로트 : 왼쪽, / *이 떠오르 목록 항목이 포함되어 있습니다 * /
}
# 메뉴 리 {
여백 : 0; 패딩 : 0;
플로트 : 왼쪽, / *이 수정 * /
폭 : 100 %; IE6에서 / * 공백 버그 * /
}
# 메뉴 {
디스플레이 : 블록; 색상 : # 555555;
텍스트 장식 : 없음;
패딩 : 0 15px;
라인 - 높이 : 2.5; 국경 - 하단 : 1px 고체 # FFF;
}

위의 솔루션 doesnot는 (단지 IE6에 알려진 이유로) 일할 것 같다면 ... 대신에이 방법을 시도

오직 당신의 마크업이 추가 IE6에서만 스타일을 추가합니다 ...

<-! 너무 IE 7면>
<style type="text/css">
# 메뉴 리튬 {전시 : 인라인 블록;}
# 메뉴 리튬 {디스플레이 : 블록;}
</ 스타일>
<[endif] ->

덧글 없음 | 태그 : , , ​​, , , |에 게시된 브라우저 만지면 , CSS

2008 2008년 4월 12일

CSS 크로스 브라우저의 최소 높이 해킹

IE 6을 게시, MSIE는 대부분의 다른 표준 브라우저에 대한 표준을 몇 가지 CSS 속성을 추가하여 저희 UI 개발자에게 친절했다. "분 높이"의 하나 같은 usefull 속성입니다. 더 긴 숨이 찬 설명이 필요없는 아주 스트레이트 포워드 속성입니다. 그것이 주택 콘텐츠가 보유하고 중요한 저울 (일반 바닐라 '높이'속성 달리) 또는 CSS의 단어 수있는 것보다 덜 차지하고 때 사업부 분 높이가 설정되면, 그것은 항상 그 세트의 높이를 유지, 그것처럼 동작 분할 그의 "높이"는 "자동"으로 설정되어 있습니다 ...

또한, IE6에서 작동합니다 여전히 코드를 CSS를해야합니다 우리 불쌍한 개발자, 내용은 "분 높이"의 해제 여부는 언젠가는 쇼 스토퍼를 증명할 수있는 ... Donot의 절망을.

다행히도, 우리가 우위에 사용하고 우리의 목표에 도달하는 데 통해 방법을 해킹할 것이 IE에서 충분한 만지면를 가지고 ... 즉 계열 사업부를 만들지만 같은 IE6에서의 최소 높이

해결 방법 1 : 밑줄 해킹 [사용 ... 더 읽기를 ]

.box1 {
min-height: 200px;
height:auto;
_height:200px;
}

HTML : -
<div class="box1">Some dynamic content with variable height ...</div>

해결 방법 2 : CSS의 속성 선택 해킹을 사용하여

.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}

HTML : -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>

CSS의 속성 선택기 해킹이 브라우저는 이전 THA IE6가 atribute-셀렉터를 무시하고 사실을 활용합니다. 클래스 = "someclass"다른 컨테이너 부문의 요구 사항을 확인합니다. 그냥이 부문에 대한 클래스 속성의 presense는 오페라, 모질라와 MSIE7위한 자동 나중에 다시 높이보다 우선합니다. atribute의 선택자를 지원하지 않는 IE6은, 그것을 무시합니다.

IE6을위한 최소 높이 해킹의 데모보기

아무 코멘트 | 태그 : , , ​​, , , |에 게시된하지 CSS

2008 2008년 3월 15일

팝업 사업부를 통해 보이는 자극 선택 박스

여러 행사에서 팝업 부서 / lightboxes / 팁과 페이지 레이아웃을하고있는 동안은 우리는 몇 가지 양식 SELECT 객체 설계에 의해,이 팝업 사단의 아래에서 일어나는 그것을 통해 보여주는 상황을 본적 등 .... 불쾌해!

글쎄! 당신은 쉽게 FF와 IE7을 위해 적절하게 Z-인덱스 값을 조정하여이 문제를 해결할 수 있습니다. 그러나 좋은 옛날 (웃기 의도) IE6이 의도한대로 동작하지 않습니다 .... 당신이 당신의 팝업과 ... 으악!! 약간 크게 높은 Z-인덱스 값을 적용 후에도 통해 SELECT BOX 쇼!

이 문제에 대한 수정은 없습니다하지만,있다, 나는 믿고, 당신에게 대부분의 나를 위해 잘 작동 제가 사용하는 가장 간단한 솔루션을, 말할 임 여기에 몇이 문제를 해결 -하는 방법,하지만보다 더 가지 경우 ....

"당신이 팝업을 표시하면 루즈 선택 상자 숨기기"

단순히 여러분의 스크립트 스니펫 (snippet)에서 귀하의 팝업을 보여, "숨겨진"로 선택 상자의 가시성을 설정하는 스크립트의 조각을 추가

document.getElementById ( 'my_select') style.visibilty = "숨겨진".;

그리고 팝업 부문 가깝게 다시 설정 기억

. document.getElementById ( 'my_select') style.visibilty = "표시";

여기서 "my_select"는 자극 SELECT 박스의 ID입니다

이게 도움이 되었으면 좋겠 ...

PS. 동적 팝업 DIV 아래 IFRAME합니다 (팝업과 동일한 크기) positionining 같은 당연히 다른 옵션이 있는데 ... 이것도 잘 작동하지만, DOM 요소, 스크립트 및 두통의 하중 이외에. 나도이 솔루션을 사용하고 있고, 당신이 할 경우이 옵션과 관련하여 도움이 전혀 필요 알려주 않습니다. 기꺼이 도와 것이다!

아무 코멘트 | 태그 : , , ​​, , |에 게시된 브라우저 만지면 , CSS , HTML , JavasScript

2008 2008년 1월 8일

조건부 코멘트 : 귀하 이거야 전용 - 부품 Duex위한

몇 개월 전에 우리가 (단지 IE6 볼 것입 CSS의 조각 포함할 수 있는지,보고 만이 이거야의 경우에 ). 뿐만 아니라 이것을 달성하기위한 다른 방법이있다. 간단히, 별도의 CSS를 포함하여 타겟 IE의 특정. 이것은 조건부 주석으로 호출되는 구현할 수 있습니다.

조건부 코멘트 브라우저 유형 및 버전을 감지하는 방법입니다. 브라우저 감지는 내용이 브라우저의 특정 사용자에게 제공되도록 수행됩니다. 브라우저 감지는 다양한 기술을 사용하여 수행할 수 있습니다. 이 메소드는 JavaScript를 사용하여 스타일 스위칭을 포함하는 이전의 방법 이상의 몇 가지 장점을 가지고 있습니다. 중요 몇 가지 나열하려면 것입니다;

  • 스크립팅이 필요하지 않습니다
  • 크로스 - 브라우저

이걸 어떻게해야합니까?

인터넷 익스플로러 5에서 뭔가를 해주 전용
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

모든 IE 버전에서 뭔가를 해주세요
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

새로운 모든 IE 버전에서 뭔가를 해주 해당 IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

자세한 조건부 vartiations 내용은 MSDN에서이 정보를 읽어
조건부 주석에 대하여

덧글 없음 | 태그 : , , ​​, |에 게시된 브라우저 만지면 , CSS , HTML , JavasScript

2007 2007년 9월 15일

DOCTYPES은 무엇입니까? 브라우저 만지면 및 엄격한 모드는 무엇입니까?

간단한 회화 (오늘 전에 DOCTYPE에 대해서 들어본 적이있는 사람에 대한)! DOCTYPE은 <HTML> 태그 앞에 오는 HTML 문서에서 선언이며,이 정도입니다 (이 매우 페이지의 소스에서 붙여넣) 보이는

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

왜 DOCTYPE 사용?
브라우저 표준은 W3C에 의해 도입되었을 때 모든 게 시작했다. 이전 웹 개발자들을 대부분의 웹 사이트에서 올바르게 렌더링되는 페이지가 꽤 이러한 규격 / 기준에 일치하지 않은 그 CSS를 갖고있는, 브라우저의 소​​원에 따라 CSS를 구현.

이 문제 때문에 해결책을했습니​​다

  • 사용할 모드를 선택할 수있는 자신의 표준을 알고 웹 개발자를 허용합니다.
  • 이전 (만지면) 규칙에 따라 이전 페이지를 표시하는 계속합니다.

그리고 DOCTYPE가 태어났다.

그래서, 페이지가 표준 아닌지 설계 여부에 따라, 당신은 적절한 DOCTYPE을 선택합니다.

DOCTYPE 및 브라우저 모드 사이의 관계
만지면 모드 또는 엄격 모드, DOCTYPE은에서 HTML 페이지를 렌더링해야하거나 오히려 어떻게 브라우저가 CSS를 해석해야 더 정확할지 모드로 브라우저를 알려줍니다 진술이다.

이러한 기준이 도입되기 전에 작성된 오래된 페이지는 DOCTYPE이 없습니다. 그러므로 어떤 DOCTYPE가 HTML로가없는 경우 다음 브라우저 만지면 모드에 있습니다.
DOCTYPE은 다음 중 하나로 정의됩니다이라면, 그 브라우저는 strict 모드라고합니다.

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

아무 코멘트 | 태그 : , , |에 게시된도 HTML , 사용자 인터페이스 Desgin

NDK 홈 | IT를 표현 | 표현 구개 | 표현 Penmenship | 표현 공포 | 표현 자신