묻고답하기

position....

2004.07.05 09:38

지심이

http://junbok.biz/?doc=rec_Test.php이곳저곳을 방황하다가 여기까지 오게되었습니다 ^^

도움을 부탁드립니다.... ^^


<style>
.tb_1{border:1 solid #E7EAF0; background-color:#F6F7F9;padding:2;line-height:180%;font-size:11px;font-family:돋움}
.td_subject{background-color:#E7EAF0;font-family:tahoma;font-size:12px;padding:2;}
.td_moreNList{color:#FF0000;font-size:10px;font-family:'Tahoma'};
.tb_list{border:1 solid #CC99CC;width:150;border:1 solid #E7EAF0; background-color:#F6F7F9;padding:0;line-height:180%;font-size:11px;}
</style>

<table id=a_tb width=400 class=tb_1 cellspacing=0 cellpadding=0 >
<tr class=td_subject >
<td valign=top style="color:#660099">
Notice ::크크크 제목
</td>
<td align=right class=td_moreNList>
MORE |
LIST
</td>
</tr>
<tr>
<td colspan=2>
여그엔 내용이 나타납니당~~ 푸핼핼

여그엔 내용이 나타납니당~~ 푸핼핼

여그엔 내용이 나타납니당~~ 푸핼핼

여그엔 내용이 나타납니당~~ 푸핼핼

여그엔 내용이 나타납니당~~ 푸핼핼

여그엔 내용이 나타납니당~~ 푸핼핼

</td></tr>
</table>



<table id=a class=tb_list style="position:absolute; left:''+100;top: ; display:none;" onmouseover="a.style.display='block'" onmouseout="a.style.display='none'">
<tr >
<td valign=top style="color:#660099">
+ zzzzzzzzzzzz
</td>
</tr>
</table>




음.. 질문을 좀 드리겠습니다.

메인페이지를 좀 만들면서 최근 게시물을 보여줄려고 하는데요..



우선 기본으로 제목과 내용만 보여줍니다.

http://junbok.biz/?doc=rec_Test.php 이게 그 페이지이구요..



list에 오버하면 리스트를 보여주길 원하는데.. 문제가 위치걸랑요..

그 바로 밑에 붙어서 나오길 원하는데..
그니깐 "list"글자 바로 밑으로 내용테이블과
겹쳐서 나오게요..

내용테이블의 위치를 알아서
보태기 빼기를 해가지고..
리스트테이블의 위치를 지정해주고 싶은데..



제가 할려고 했던 방법은..

id=a_tb있잖아욤.. 그 테이블의 offsetTop이랑 Left를 구해가꼬..

거기다가 a_tb의 너비를 보태가고 위치를 조정한 다음에 position:albolute로 보여줄려고 했는데.. 아무리 해도 안되네요
position을 relative로 해서 원래 위치에서 위로좀 땡겨오면 그놈은 올라가서 위치하는데..

원래보여지는 밑에 붙어있던 테이블이
그만큼 밀려나버리네요..

그리구 style="left: ;" 여기에서 : ; 사이엔 연산이 안되네요..
예를들어..
tb.offsetTop+100 이런식으로요 ㅠㅠ



흠..;;; 대략 잘 설명을 했는지 모르겠네요..



이해하셨으리라 믿고 ㅜㅜ 도움을 요청드립니다..

좋은 하루되세요~