묻고답하기
움직이는 메뉴의 위치지정이요...
2002.03.15 16:43
클릭을 하면 하위목록이 펼쳐지는 메뉴인데요...
원프레임 화면에다 넣으려니까 복잡하네요...
화면은 브라우저 중앙에 위치하는데 스크립트 메뉴가 아래 소스처럼 왼쪽에서 10픽셀 떨어져 있게 되어 있습니다.
그런데 px로 지정하면 브라우저의 크기나 해상도에 따라 위치가 뒤죽박죽
될 것 같아요.
그래서 퍼센트 같은걸로 지정하고 싶은데 어떻게 해야 하나요?
<HTML>
<HEAD>
<STYLE type=text/css>
body { color:; font-size:9pt; line-height:16pt;}
li {list-style-type:circle; color:#000000; }
A:link { text-decoration:none; color:#000000; font-weight:bold; font-size:9pt;}
A:visited { text-decoration:none; color:#666666; font-weight:bold; font-size:9pt;}
A:hover { text-decoration:underline; color:#0000ff; font-size:9pt;}
/* 링크에 마우스가 갔을 때의 설정. ie4 이상에서만 지원함. */
#D1 {
LEFT: 10px; POSITION: center; TOP: 20px; WIDTH: 130px
}
#D2 {
LEFT: 10px; POSITION: absolute; TOP: 50px; WIDTH: 130px
}
#D3 {
LEFT: 10px; POSITION: absolute; TOP: 80px; WIDTH: 130px
}
#D4 {
LEFT: 10px; POSITION: absolute; TOP: 110px; WIDTH: 130px
}
#D5 {
LEFT: 10px; POSITION: absolute; TOP: 140px; WIDTH: 130px
}
원프레임 화면에다 넣으려니까 복잡하네요...
화면은 브라우저 중앙에 위치하는데 스크립트 메뉴가 아래 소스처럼 왼쪽에서 10픽셀 떨어져 있게 되어 있습니다.
그런데 px로 지정하면 브라우저의 크기나 해상도에 따라 위치가 뒤죽박죽
될 것 같아요.
그래서 퍼센트 같은걸로 지정하고 싶은데 어떻게 해야 하나요?
<HTML>
<HEAD>
<STYLE type=text/css>
body { color:; font-size:9pt; line-height:16pt;}
li {list-style-type:circle; color:#000000; }
A:link { text-decoration:none; color:#000000; font-weight:bold; font-size:9pt;}
A:visited { text-decoration:none; color:#666666; font-weight:bold; font-size:9pt;}
A:hover { text-decoration:underline; color:#0000ff; font-size:9pt;}
/* 링크에 마우스가 갔을 때의 설정. ie4 이상에서만 지원함. */
#D1 {
LEFT: 10px; POSITION: center; TOP: 20px; WIDTH: 130px
}
#D2 {
LEFT: 10px; POSITION: absolute; TOP: 50px; WIDTH: 130px
}
#D3 {
LEFT: 10px; POSITION: absolute; TOP: 80px; WIDTH: 130px
}
#D4 {
LEFT: 10px; POSITION: absolute; TOP: 110px; WIDTH: 130px
}
#D5 {
LEFT: 10px; POSITION: absolute; TOP: 140px; WIDTH: 130px
}
댓글 3
-
KYJ
2002.03.16 06:48
전혀 걱정하시는 일들이 없을듯 싶은데요... 포지션만 absolute으로 해놓으면 해상도가 바뀌던 뭐가 어떻게 됐던간에 그위치를 지키게 되거든요. -
KYJ
2002.03.16 06:52
아.. 그리고 한가지 더.. 지금 보니까 젤 첫 레이어의 포지션을 센터로 해놓으셨는데요 포지션값에 센터가 없는줄 알고 있는데요. absolute 아니면 rational 둘중에 하나 아니던가요? 제 기억으론 그런것 같은데... 제가 틀렸으면 지송. -.-;; -
Legend
2002.03.16 08:57
setExpression으로 스크립트를 스타일에 적용시키세요..
다음 screen.availWidth 속성을 이용하여 화면 크기에 따라 적당한 %값의 위치를
유지하도록 하시면 됩니다. screen.availWidth/2 하면 화면 중앙의 위치가 되겠지요..