1 / 2 / 3

Dynamic하다는 표현에 걸맞게 가장 많이 사용하는 것들입니다.

LAYER와 비슷한 css-p(position element)는 style="position:absolute(또는 relative);" 또는
HEAD 택 안에서 #ID { position:absolute(또는 relative); }로 style property를 선언한 택을 position element라고 합니다. nn4에서는 <LAYER>도 position element 입니다. layer는 position attribute를 지정할 필요가 없습니다. 기본적으로 position element(css-p)로 사용되는 택입니다. style position:absolute는 <LAYER>에 대응하고 position:relative; 는 <ILAYER>과 대응됩니다.

position:absolute; left:200; top:100
<LAYER left=200 top=100>

position:relative; left:200; top:100
<ILAYER left=200 top=100>

left, top은 지정하지 않으면 기본으로 0px입니다. 기본 단위도 "px"입니다.

이렇게 position:absolute(relative)나 layer, ilayer 택은 모두 레이어입니다. position을 지정한 element를 보통 css layer라고 부릅니다. 둘 다 비슷한 기능을 하기 때문이죠..

그리고 position element를 다루기 위해서는 각각의 이름을 지정합니다.

<div id="cssLayer" style="position:absolute; left:200; top:100"> ... </div>
<LAYER name="nn4Layer" left=200 top=100> ... </layer>

이렇게 페이지에 적은 각각의 택은 페이지에 출력이 되면 하나의 Object가 됩니다. css 레이어, layer 택도 마찬가지입니다.

style="....."에 지정한 left, width, background 같은 여러 style attribute들을 JavaScript로 다루어서 동적인 페이지를 만듭니다. 이 style attribute를 JavaScript로 읽으면 style에 지정된 것들이 Object의 구성요소(Property)가 됩니다. nn4에서는 document.layers 라는 Object로 ie4에서는 document.all.element 라는 Object가 됩니다. 그리고 지정한 style들은 모두 이 object의 property가 됩니다. 다른 JavaScript1.1 Object와 같은 Object--구성요소 식입니다.

하지만, Object--구성요소에서 Object와 구성요소가 ie4, nn4에서 많이 다릅니다. 너무나 다른 곳이 많고 개념자체도 약간씩 다릅니다. 많이 접해보는 수밖에 없습니다.

--
오래전에 어느 TV인가 잡지 책에서 듣은 이야기인데, 여기에 적절한 비유가 있습니다.

사람들이 보통 외국여행을 갈때, 방문할 나라에 대해서 궁금해 합니다. 그 나라에 도착하면 자기 나라와 이 나라는 어떻게 다른지 볼려고 한답니다. 그리고 두 번째의 해외여행에서도 그 나라를 이해하기 위해서 차이점이 무엇인지 느낄려고 합니다. 3번재 방문때는 이제 차이점을 인정하고 자기 나라와 이 나라는 무엇이 같은지 공통점을 찾을려고 노력한답니다.

어쩌다가 DHTML에 이 비유가 적절하게 됐는지는 브라우저 전쟁이라는 고래싸움이 있기 때문입니다. 이 싸움이 쉽게 끝날거라고 생각하지 않습니다. 이제 너무나 상처를 입어서 둘 중 하나는 쓰러져야 할겁니다. 혹시 그렇지 않아도 오랜 시간이 걸릴것입니다. 고래싸움이 끝날 때까지 기다리지 말기 바랍니다. 새우의 용기와 지혜가 필요합니다. :)

1 / 2 / 3