div] 협소한(?) 공간 깜짝(?) 크게만들기...

이미지나 글들을 이곳저곳 배치시키다보면
조금은 애매하게(?) 크기를 지정해야하는 경우가 생긴다.

그럴 때, 이런 방법을 쓰면 어떨까...라는 생각으로 만들어봤다.

...

 

<DIV style="BACKGROUND-COLOR: #dddddd; WIDTH: 40px; HEIGHT: 40px; OVERFLOW: hidden" onmouseover="with(this){if(scrollWidth>=40)style.width=scrollWidth+'px';if(scrollHeight>=40)style.height=scrollHeight+'px';}">
<TABLE border=1 cellSpacing=10 cellPadding=10>
<TBODY><TR><TD>하나</TD><TD>둘</TD><TD>셋></TD></TR></TBODY></TABLE>
</DIV>

...

하나

둘

셋>

...

간단히 설명하자면,
해당공간 안에 마우스 포인터가 올라가면 자동으로 커지는... 혹시나 내부가 변해서(?) 크기가 작아져도,
초기공간 크기 이하로 줄어들지 않는 형태이다.

...

1) 마우스가 나가면 다시 작아지게할까...라는 생각을 해봤는데,
음... 해당 이미지가 떠있는... 다시말해 position:absolute (style 옵션에서...) 상태가 아니라서
그렇게 한들 의미가 없는 것 같다. (괜히 우측 상하 스크롤바만 바쁠 뿐이지...)

2) 스크롤바 제거(?)를 위한 resize 에 대해 다시 생각해볼 필요가 있을까...라는 질문이 생겼다.
뭐... image resizing 의 경우에도 스크롤바가 영향을 받기 때문에 냅둬도 문제되지 않긴 할텐데...

...

... 깜짝 크게만들기라서, 갑자기 커지는 것이니, 놀라지 않기를...

NowMark killofki@.

ps... 입력태그에 오타가 있었넹 ^^;...