ul li ?? display:inline??? ㅠ_ㅠㅠㅠ 도와주세요
메이
html은 이케 되어잇구
css는
.xans-layout-logotop #gnb {width:1000px; height:108px;}
.xans-layout-logotop #gnb img{float:left;margin-top:20px;}
.xans-layout-logotop #gnb ul{float:right; width:430px;height:18px;margin:30px 0 0 0;}
.xans-layout-logotop #gnb ul li{display:inline-block;padding-left:20px;}
.xans-layout-logotop #gnb ul li a{}
.xans-layout-logotop #gnb ul li a:hover{}
이렇게 되어있어요.
근데 ie 9???부터랑 크롬에서는 제대로 보이는데
아래처럼 ie8에서는 이렇게 보이네요... 뭐가 문제인가요?ㅠㅠㅠㅠ 도와주세요
-
일본어못해요
아.. 그렇게 설명해주시니까 이해가 빡 되네요!!!! 감사합니다
-
해찬나래
패딩만주지않는다면 괜찮군요 답변감사합니다^^
-
한무릎
상하에 패딩을 주지 않는다면 괜찮을 것 같아요.
-
수국
display:inline-block를 쓰지 않고 display:inline은 정상적으로 먹히던데 이거는 위의 경우 사용하여도 문제가 없을까요??
-
떠나간그녀
display:inline-block 는 익스플로러 하위버전에서 정상적으로 먹히지 않는 오류가 좀 있습니다.
이런 경우 별도로 핵을 써줘야 하는데, 그렇게 번거롭게 하기보다
부모가 float:right를 가지고 있고 float가 자동해제 되므로 자식요소에 float:left 를 주는게 효율적이네요. -
물티슈
넵 해결됏뎌요!!! 감사합니다ㅏ
-
해님꽃
display:inline를 했을 경우에도 수평 정렬이 되던데
display:inline를 쓸 경우와
float:left를 쓸 경우를 무엇으로 구분 할 수 있을까요??
\t\t\t\t\t -
Addictive
li 에 display:inline-block 대신 float:left로 하시면 될것 같아요.
-
큰아
네!! 넣어주니까 됐네요!ㅠ_ㅠ감사합니다!
-
Glisten
li에 float:left 가 빠진듯해요 ㅎㅎ