제가 네비게이션 이랑 제이쿼리가 잔뜩 들어간 페이지랑 두개를 합치고 있는데 <div>합치면서 네비의 주메뉴 하나랑 보조메뉴가 밀려나는 현상이 나타납니다.. ㅠㅠㅠㅠ</div> <div><br></div> <div><div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201501/14217594582nJujqpKGRFOep5k97P1Q6rf.jpg" width="446" height="166" alt="질문.JPG" style="border:none;"></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;">빨간색으로 표시된게 주메뉴중 하나인 LINK가 밑으로 밀려난거고 </div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;">검은색 표시는 보조메뉴가 원래자리에서 밀려난 표시 입니다.</div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><br></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;">원인을 결국 찾았는데 ...</span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> </span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> <font color="#c00000"> table {</font><font color="#366092">border-collapse</font><font color="#c00000">:</font><font color="#17365d"> collapse</font><font color="#c00000">; </font></span><font color="#366092" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">border-spacing</font><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">:</font><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> </span><font color="#17365d" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">0</font><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">;} </font></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><br></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;">table??? 이녀석 태그에서 본적이 없는데..아무튼 이녀석을 지우니까 메뉴가 돌아 오더라구요!!</div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> 근데 메뉴 밑에 사진마다 스크롤이 생겼습니다 ㅠㅠㅠㅠㅠㅠ </div></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201501/1421760678SX3LernbuwdxpNy4hniG9.jpg" width="529" height="175" alt="질문1.JPG" style="border:none;"></div><br></div><br></div> <div>지우면 스크롤이 생겨버리니 ...</div> <div><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><br></font></div> <div><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">table {</font><font color="#366092" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">border-collapse</font><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">:</font><font color="#17365d" style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> collapse</font><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">;</font><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> </span><font color="#366092" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">border-spacing</font><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">:</font><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> </span><font color="#17365d" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">0</font><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">;} </font><font style="font-size:11.8181819915771px;line-height:16.3636360168457px;">을 지운채로</font></div> <div><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;">사진div의 해당 상위 클래스</span>마다 <span style="font-size:11.8181819915771px;line-height:16.3636360168457px;">border-collapse: collapse; </span><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;">border-spacing: 0;을 </span><span style="font-size:9pt;line-height:1.5;">넣어 봤습니다. 사진div의 해당 상위 클래스가 </span><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;">이렇게 4개인데요..</span></div> <div>.main</div> <div>.pb-wrapper <span style="font-size:11.8181819915771px;line-height:16.3636360168457px;">pb-wrapper-3</span></div> <div><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;">.pb-scroll</span></div> <div><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;">.pb-strip </span></div> <div><br></div> <div>얘네들에 집어 넣어도 스크롤이 안사라져서</div> <div><br></div> <div><div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> <font color="#c00000"> . main table {</font><font color="#366092">border-collapse</font><font color="#c00000">:</font><font color="#17365d"> collapse</font><font color="#c00000">;</font></span><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> </span><font color="#366092" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">border-spacing</font><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">:</font><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> </span><font color="#17365d" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">0</font><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">;} </font><font style="font-size:11.8181819915771px;line-height:16.3636360168457px;">이렇게 하니 </font></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><font style="font-size:11.8181819915771px;line-height:16.3636360168457px;">메뉴까지 적용이 되서 다시 첫번째 증상으로 돌아가는 겁니다ㅠㅠㅠ</font></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;">나머지 3개적용해도 똑같구요. </span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;">에잇..</span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;">그래서 선택자table을 아무렇게나 바꿔 봤습니다. </span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;">첨에는 소심하게 e를 빼보고 ...그래도 이게 먹혀서 첫번째사진 증상이 계속 나타납니다..</span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;">잉??뭐지,,하고 과감히 철자를 다바꾸고..그래도다 증상이 똑같아서.. </span></div></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;">선택자를 아예지워 봤습니다. </span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><font color="#c00000"> {</font><font color="#366092">border-collapse</font><font color="#c00000">:</font><font color="#17365d"> collapse</font><font color="#c00000">;</font></span><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> </span><font color="#366092" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">border-spacing</font><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">:</font><span style="font-size:11.8181819915771px;line-height:16.3636360168457px;"> </span><font color="#17365d" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">0</font><font color="#c00000" style="font-size:11.8181819915771px;line-height:16.3636360168457px;">;} </font><font style="font-size:11.8181819915771px;line-height:16.3636360168457px;">딸랑 이렇게요..</font></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;">근데 도 먹혀요,,,,,;;;;이거 왜이러죠??? 뭔가 싶어서 이번엔 <font color="#c00000">{}</font>를 없애 봤는데 </span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;">이제서야 그증상이 사라지고 다시 두번쨰 사진처럼 스크롤이 생기더라구요,,,,</span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;">뭐야...이거.. 선택자의 유무에 상관없이 스타일이 먹히는거 처음 봤습니다.. </span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div style="font-size:11.8181819915771px;line-height:16.3636360168457px;"><span style="font-size:9pt;line-height:1.5;">이런경우가 있나요? 어떻게 해결해야할지...ㅠㅠㅠㅠ</span></div> <div><br></div>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.