웹마스터 팁

어제 xe에서 제공하는 메뉴에 제 나름대로의 css를 입혀 보았습니다.

근데 멋지게 입혀놓고 firefox로 보니 응! 메뉴의 맨 위에 공백 메뉴가 하나 떡- 자리잡고 있더라구요.
(지금은 수정이 되여 오셔도 그런 현상은 보실 수 없습니다.)
아니 IE로 볼 땐  아무 문제없었는데. ㅠㅠ

뭐가 잘 못 됬는지 몰라 정말 한참 헤맸습니다.

그러다 문뜩 생각이나 W3C에서 제공하는 유효성 검사를 한번 해 보았더니..(사실 말만 많이 들었지 처음 해 본 겁니다.)
아이구 이런 메뉴와는 전혀 상관없는 곳에서 <a> 태그를 </a>로 닫지않았던 겁니다.
전혀 관계없는 곳의 소스가 xe제공 메뉴에 영향을 미친거죠.
물론 원인을 알게되 문제는 간단히 해결 되였습니다.

음 여러분도 가끔 사용해 보세요.

http://validator.w3.org/  의 address에 점검하려는 page의 주소를 입력하고 아래 check 버튼을 크릭하면 잘못 된 부분을 잘 점검해 줍니다 .
저 처럼 생각지도 않게 문제를 해결 하실 수있을지 모르잖아요? ^^