크로우 브라우징 질문..

[shu]

아래 스크립트를 사용시 Error: thing.filters has no properties 가 발생합니다.
파폭에 맞게 수정하려 하는데 잘 안되네요.
fade를 줄 수 는 없는것일지..

Code: Select all

	var startopacity = 85;

	function fadeIt(obj,direct){
	if(window.timer) { clearInterval(timer); }
	tobj=obj; drct=direct;
	timer=setInterval("flowfilter(tobj,drct);",20); }	// fade time

	function flowfilter(thing,dct){
	if(dct==1) { if (thing.filters.alpha.opacity<100) { thing.filters.alpha.opacity+=5; } else { clearInterval(timer); } }
	if(dct==2) { if (thing.filters.alpha.opacity>startopacity) { thing.filters.alpha.opacity-=5; } else { clearInterval(timer); } }
	}

---------------------------------------------------------------------------------

line 167 column 7 - Warning: <div> isn't allowed in <h2> elements
라는 경고가 무슨 뜻 인지 잘 모르겠습니다.

Code: Select all

<a href="<?php the_permalink() ?>#more">

<h2>
<div id="content">php코드 본문 인클루드</div>
</h2>

</a>

이런식으로 써서 발생하는 것 같은데, 이대로라면 문제가 발생하는지요..
---------------------------------------------------------------------------------


line 169 column 221 - Warning: discarding unexpected </div>

Code: Select all

<div id="img"><img src="이미지.gif" width="360" height="267" style="filter:alpha(opacity=100)" onMouseover="fadeIt(this,2);" onMouseout="fadeIt(this,1);" /></div>

img 태그 마지막에 /를 붙이는게 맞는 것 같은데, 도통 모르겠습니다.
---------------------------------------------------------------------------------

line 203 column 3 - Warning: missing <li>
의 경우..

Code: Select all

<div id="container_bottom">
	<ul>
		<div id="space6"></div>

		<li>

			<div id="marcador_bottom_left">
			</div>

		</li>
	</ul>
</div>

같은 방식으로 사용중입니다만..
space6은 1x1 투명 이미지를 사용하여 6px의 여백을 준 것 입니다.




고수님들 답변 부탁드립니다.
크로스브라우징.. 답이 안나오네요 ㅡㅡ;;

[박민권]

아래 스크립트를 사용시 Error: thing.filters has no properties 가 발생합니다.
파폭에 맞게 수정하려 하는데 잘 안되네요.
fade를 줄 수 는 없는것일지..

filters는 익스플로러 전용입니다.

line 167 column 7 - Warning: <div> isn't allowed in <h2> elements
라는 경고가 무슨 뜻 인지 잘 모르겠습니다.

Code: Select all

<a href="<?php the_permalink() ?>#more">

<h2>
<div id="content">php코드 본문 인클루드</div>
</h2>

</a>

<h2>태그 안에 <div>가 들어가면 안됩니다.
예를들면 <span><p>헉</p></span> 이것도 잘못 입니다.
이걸 어떻게 설명해 드려야 할지... ㅡㅡa
<table><p></p></table> 뭐 이런식 비슷합니다.

<div>태그는 레이어이며 영역을 나눌때 사용하는 것인데
<h2>라는 헤드라인 태그가 영역태그를 감싸니 뭔가 이상하잖아요. ^^;

햄버거 안에 치즈를 넣은게 아니라 치즈로 빵을 덮은 겪이랄까요?

누구 저대신 멋지게 설명해주실분. ㅡ0ㅡ;

line 169 column 221 - Warning: discarding unexpected </div>

Code: Select all

<div id="img"><img src="이미지.gif" width="360" height="267" style="filter:alpha(opacity=100)" onMouseover="fadeIt(this,2);" onMouseout="fadeIt(this,1);" /></div>

img 태그 마지막에 /를 붙이는게 맞는 것 같은데, 도통 모르겠습니다.

일단 filter은 익스플로러 전용입니다. 이것 때문일까요?
혹시 파일명이 한글인가요? 한글이라서 일수도...
이미지 뒤에 /> 이렇게 닫으신다면 xhtml 을 선언하신 것인데
onMouseover => onmouseover 이런식으로 모두 소문자로 바꾸세요.
xhtml에서는 모두 소문자 입니다. 아마 이 문제 때문인듯 합니다.

line 203 column 3 - Warning: missing <li>
의 경우..

Code: Select all

<div id="container_bottom">
	<ul>
		<div id="space6"></div>

		<li>

			<div id="marcador_bottom_left">
			</div>

		</li>
	</ul>
</div>

같은 방식으로 사용중입니다만..
space6은 1x1 투명 이미지를 사용하여 6px의 여백을 준 것 입니다.

고수님들 답변 부탁드립니다.
크로스브라우징.. 답이 안나오네요 ㅡㅡ;;

<ul> 안에는 반드시 <li>가 들어가야 합니다.
<table><div></div></table> 이런식으로 쓰신것과 같은 문제입니다.
테이블에는 반드시 <td>안에 내용을 넣어야 하는 것처럼 <ul>안에는
반드시 <li>안에 내용을 넣어야지 <ul>내용</ul>은 오류입니다.

<div id="space6"></div>
이렇게 하는 방법은 과거 테이블 습성중 하나입니다.

<ul style="padding-top: 6px;">
이렇게 하셔도 ul의 내부 top에 6px의 여백이 생깁니다.

===============================================
님이 질문하신 문제는 크로스브라우징 문제 보다도 표준 문제에 가깝습니다.
표준을 지키면 크로스브라우징이 구현되니 비슷비슷 하지만요.

이렇게 쭉~ 문제를 늘어놓고 보니 익스가 안겨준 잘못된 폐해가 너무나 많군요.
우리 모두 잘못을 차근차근 고쳐나가 보아요.