본문 바로가기

CSharp/Web

ASP.NET Treeview Control의 Line 디자인 깨짐 방지

asp.net을 이용하여 web page 작성 시.

treeview control을 이용하는 경우가 많이 있습니다.

 

헌데 이놈의 라인이.. 깨지는 현상이 발생 됩니다.

 

오늘은 그 수정 방안을 알아보고자 합니다.

 

현상은 아래와 같습니다.

 

Code는 아래와 같습니다.

Tree.aspx (class 설정을 다음과 같이 합니다. CssClass="treestyle")


 

style 추가로 해당 현상을 수정할 수 있습니다.

Tree.aspx


    
	

 

적용 후 모습입니다.

 

Internet Explorer 8

 

호환성 보기 모드

 

FireFox 3.6

 

이렇게 모든 브라우저에서 잘 되는 것을 확인 할 수 있습니다.

IE 6에서는 원래 잘나오더군요 *_*

 

감사합니다.