ie7 ul li 정렬문제 ㅠㅠㅠㅠㅠㅠ
차분나래
ie7때문에 골치가 아프네용 ㅠㅠ
위에 그림처럼 끝에 영역이 자꾸 깨집니다...ㅠㅠ
.bestSell ul.bestSell_S {overflow:hidden; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin-top:28px; padding:14px 0 12px 0;}
.bestSell ul.bestSell_S li {position:relative; float:left; background:#fcc;}
.bestSell ul.bestSell_S li img {border:1px solid #ccc; float:left;}
.bestSell ul.bestSell_S li.first {margin-left:0;}
.bestSell ul.bestSell_S li ul {overflow:hidden; float:left; padding:0 15px 0 8px;}
.bestSell ul.bestSell_S li ul li {clear:both; /*margin-left:8px;*/}
.bestSell ul.bestSell_S li ul li strong {font-size:16px;}
ul class=bestSell_S
li class=firstimg src=../images/sub/img/img_product58X58.jpg alt= /
ul
liasdasdasdas/li
listrongaasdasdasd/strong/li
li판매대수 : 64대/li
/ul
/li
liimg src=../images/sub/img/img_product58X58.jpg alt= /
ul
liasdasdasdas/li
listrongaasdasdasd/strong/li
li판매대수 : 64대/li
/ul
/li
liimg src=../images/sub/img/img_product58X58.jpg alt= /
ul
liasdasdasdas/li
listrongaasdasdasd/strong/li
li판매대수 : 64대/li
/ul
/li
liimg src=../images/sub/img/img_product58X58.jpg alt= /
ul
liasdasdasdas/li
listrongaasdasdasd/strong/li
li판매대수 : 64대/li
/ul
/li
liimg src=../images/sub/img/img_product58X58.jpg alt= /
ul
liasdasdasdas/li
listrongaasdasdasd/strong/li
li판매대수 : 64대/li
/ul
/li
liimg src=../images/sub/img/img_product58X58.jpg alt= /
ul
liasdasdasdas/li
listrongaasdasdasd/strong/li
li판매대수 : 64대/li
/ul
/li
/ul
이런식으로 코딩을 했는데요.. 익스7에서 왜 이렇게 나오는지 궁금합니다.ㅠㅠ
-
찬솔나라
li 단 안에 li단 이라 이중으로 css를 먹고 있습니다. li부모 단에 class를 하나주시고 따로 css를 첨부 하셔도 될꺼 같구요 부모 li단에 width값을 주시면 깨지질 않습니다.
-
뽀야
아 이중 리스트 구조군요.ㅎ
-
재미
float 문제인듯한데..
ul에는 float가 필요 없을거 같고..
li에 clear:both도 필요 없을거 같네요.
li들을 쭈욱 float 시키고 높이를 고정으로 잡으시던가
가상선택자나 다음 dom요소에서 float를 해제시켜 부모가 영역 잡게 만들면 해결될거 같습니다.
풀 코드가 없으니 해당 현상 구현이 안되네요..
코딩된 페이지 링크를 알려주시는게 가장 빠를거 같네요. -
가을바람
.bestSell_S, bestSell_S li {*zoom:1} 한번 해보심이..될 지 안될지는 모르겠네요.
-
가지등
.bestSell_S li li {white-space:nowrap;}
-
다흰
clearfix 값을 ul에 넣어보세요-
-
딥블랙
width값도 줘봤는데요.. 주게되면 텍스트 전체가 틀어져요..;; 그것두 7에서만요 ㅠ
-
푸른나래
이건 저 텍스트 영역들어가는 ul에 width 값을 줘도 되는지 안되는지에 따라 해결방법의 난이도가 달라집니다.