본문 바로가기

반응형 티스토리/FastBoot

[버그패치] 툴팁이 오른쪽으로 밀려서 표시되는 현상 수정

   

툴팁 버그 해결법

   

   

  BLUEnLIVE님이 제보해주신 내용입니다. FastBoot은 Bootstrap을 기반으로 하고 있어서, 가끔 티스토리와 충돌하는 문제가 있었고 이걸 다 수정했다고 생각했는데 남아있었네요. 제가 생각치 못한 부분의 문제라 해결방법을 생각하는데 좀 애를 먹었는데 BLUEnLIVE님이 도와주신덕에 금방 해결할 수 있었습니다. 오늘 포스팅에서 소개하고자 하는 문제는 아래와 같습니다. 툴팁 부분의 위치에 주목해주세요.

   

 

   

그림에서 보실 수 있는 것처럼, 각주가 오른쪽으로 밀리는 현상이 있었습니다(숫자 위에 마우스 호버시).

 

   

문제가 되는 부분

    

	
sup {display:relative;}  
	

 

   

위와 같이 기본 bootstrap 코드 때문에 에러가 발생하고 있습니다.

   

   

해결법

   

   

style.css에 다음과 같이 overriding합니다(한 줄 추가하시면 됩니다).

      

	
sup.footnote {display: inline-block;}  
	

 

 

 

수정결과

   

 


해결된 것 같네요. ^^