[쉬운 것 같은데..] 창줄이면 ul li에서 깨지는 문제
앵초
[소스]
div
ul style =list-style-type :none;
li style = display:inline; width : 10px; height : 56px; float :left ; background:#fff url(../image/BGD_left.png) no-repeat left 0px;/li
li style = display:inline; width : 880px; height : 56px; float :left ; background:#fff url(../image/BGD_middle.png) repeat-x left top;/li
li style = display:inline; width : 10px; height : 56px; float :left ; background:#fff url(../image/BGD_right.png) repeat right 0px;/li
/ul
/div
창줄이기를 하면 위의 것 처럼 깨지는 현상이 발생합니다.
아주 기초적인 문제인 것 같은데 혹시 아시는 분 댓글 달아주시면 분명 복 받으실 겁니다... ^^;
읽어주셔서 감사합니다.
-ㅇ.ㅎ.ㅇ-
-
글리슨
bg를 까는데 왜 li를 쓰시는지;;
-
칸나
htglss 님 감사합니다. ^^;
-
아키
답을 찾았습니다. 지울까 하다가 혹시 도움될까 해서 제가 찾은 답을 적어 둡니다.
width : 880px; height : 56px; 을 ul의 타입안에 정확하게 기재해 두고 overflow : hidden을 넣으니까 되는군요.
정답 : 예
ul style =\list-style-type :none; width : 890px; height : 56px; overflow:hidden;\
참고로 overflow:hidden;을 해 두지 않으 -
민트향
전체 div 나 ul 에 width 를 안주셔서 그렇습니다
코드를 보니 중간부분에 880px를 주셨는데 크기가 변하는 것이 아니면 상위에 있는 div 나 ul 에 width를 지정해주시면 해결하실 수 있으실 겁니다. - width:900px 가 되겠죠?