ie6, 7 문제.. 질문드립니다. 이미지를 봐주세용.
정훈
위의 이미지처럼 만들고 싶은데요.
- CSS -.box_wrap{width: 186px;float: left;margin: 0;padding: 0;}.box_wrap li{float: left;width: 50px;border: 1px solid red;margin: 0 10px 10px 0;list-style: none;}.clear{clear: left;}
- HTML -ul class=box_wrap li box1 /li li box2br / box2br / box2 /li li box3 /li li class=clear box4br / box4br / box4br / box4 /li li box5 /li li box6 /li li class=clear box7 /li li box8br / box8br / box8br / box8 /li li box9br / box9br / box9br / box9br / box9br / box9 /li li class=clear box10br / box10br / box10br / box10br / box10br / box10br / box10 /li li box11 /li li box12br / box12br / box12 /li /ul
임시지만 이런식으로 했을 때 다른 브라우저는 다 잘 되는데 IE6, 7에서 제대로 표현이 안됩니다.마크업 추가 없이 CSS로만 해결하는 방법 있으면 알려주세요.부탁드려요~~~고수님들~ㅜㅜ(핵써도 되요~)
-
마호
저도 그렇게 생각하는데요;; 원래 마크업은 더 단계가 많아지는거라..그런걸 싫어하시는 분이 계셔서요. 혹시나 좋은 방법이 있을까 싶어서 질문해 보았어요~.. 원래는 마크업은 이렇답니다.
div
dl
dt제목/dt
dd
ul
li리스트/li
/ul
/dd
/dl
dl
dt제목/dt
dd -
누리봄
마크업으로 하는게 나을텐데 구지 저렇게 해야할이유가 있을까요..