제가 네비게이션 이랑 제이쿼리가 잔뜩 들어간 페이지랑 두개를 합치고 있는데
합치면서 네비의 주메뉴 하나랑 보조메뉴가 밀려나는 현상이 나타납니다.. ㅠㅠㅠㅠ
빨간색으로 표시된게 주메뉴중 하나인 LINK가 밑으로 밀려난거고
검은색 표시는 보조메뉴가 원래자리에서 밀려난 표시 입니다.
원인을 결국 찾았는데 ...
table {border-collapse: collapse; border-spacing: 0;}
table??? 이녀석 태그에서 본적이 없는데..아무튼 이녀석을 지우니까 메뉴가 돌아 오더라구요!!
근데 메뉴 밑에 사진마다 스크롤이 생겼습니다 ㅠㅠㅠㅠㅠㅠ
지우면 스크롤이 생겨버리니 ...
table {border-collapse: collapse; border-spacing: 0;} 을 지운채로
사진div의 해당 상위 클래스마다 border-collapse: collapse; border-spacing: 0;을 넣어 봤습니다. 사진div의 해당 상위 클래스가 이렇게 4개인데요..
.main
.pb-wrapper pb-wrapper-3
.pb-scroll
.pb-strip
얘네들에 집어 넣어도 스크롤이 안사라져서
. main table {border-collapse: collapse; border-spacing: 0;} 이렇게 하니
메뉴까지 적용이 되서 다시 첫번째 증상으로 돌아가는 겁니다ㅠㅠㅠ
나머지 3개적용해도 똑같구요.
에잇..
그래서 선택자table을 아무렇게나 바꿔 봤습니다.
첨에는 소심하게 e를 빼보고 ...그래도 이게 먹혀서 첫번째사진 증상이 계속 나타납니다..
잉??뭐지,,하고 과감히 철자를 다바꾸고..그래도다 증상이 똑같아서..
선택자를 아예지워 봤습니다.
{border-collapse: collapse; border-spacing: 0;} 딸랑 이렇게요..
근데 도 먹혀요,,,,,;;;;이거 왜이러죠??? 뭔가 싶어서 이번엔 {}를 없애 봤는데
이제서야 그증상이 사라지고 다시 두번쨰 사진처럼 스크롤이 생기더라구요,,,,
뭐야...이거.. 선택자의 유무에 상관없이 스타일이 먹히는거 처음 봤습니다..
이런경우가 있나요? 어떻게 해결해야할지...ㅠㅠㅠㅠ
