첫글이 질문이라 죄송합니다만, css ul li 태그로 리스트만드는 중 문제가 있어서 질문 드립니다.
리나
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0//EN http://www.w3.org/TR/REC-html40/strict.dtd
htmlhead
style type = text/css
.root{position:relative;float:left;width:100px;border-right:1px solid red;border-top:1px solid red;border-bottom:1px solid red;}
.first{list-style-type:none;border-left:1px solid red;}
.step2{clear:both;margin:0px;padding:0px;display:none;
}
.step1:hover .step2{color:red;background:#f7f7f7;border-left:1px solid blue;position:absolute;display:block;}
.step4{top:0px;clear:both;left:100px;margin:0px;padding:0px;display:none;}
.step3{position:relative;}
.step3:hover .step4{color:red;background:#f7f7f7;border-left:1px solid blue;position:absolute;display:block;}
.step3:hover .step4{
color:red;background:#f7f7f7;border-left:1px solid blue;position:absolute;display:block;
}/style
/head
body
ul li class = root first홈/li li class = root1메뉴/li li class = root step1롤메뉴 ul class = step2 li class = root step3하1 ul class = step4 li class = root step5하하위메뉴1/li li class = root step5하하위메뉴1/li li class = root step5하하위메뉴1/li /ul /li li class = root step3하2 ul class = step4 li class = root step5하하위메뉴2/li li class = root step5하하위메뉴2/li li class = root step5하하위메뉴2/li /ul /li li class = root step3하3 ul class = step4 li class = root step5하하위메뉴3/li li class = root step5하하위메뉴3/li /ul /li /ul /li/ul
/body/html
초보지만, 추후에 수정할 예정이긴 한데요 테스트삼아 해본건데 인터넷 익스플로러랑 크롬이랑 결과가 다른데요
하1에서 step1을 hover시키면 하위메뉴 ul(step2)가 크롬에선 바로 step1 밑으로 정렬되지만
인터넷익스프로러에서는 같은 라인상에 위치가 됩니다.
똑같이 밑으로 크롬처럼 내리고싶은데 방법이 있을까요?
