2010-05-09 7 views
2

다른 브라우저에서 동작하도록 정렬되지 않은 목록을 만들려고합니다. 나는 한 줄에 가로로 표시하려고하는 2 레벨 목록이 있습니다. 사파리와 파이어 폭스에있는 은 다 잘 보입니다. IE (7)에서 모든 것이 헛된 일이며, 목록을 오른쪽에서 왼쪽으로 만들려고 할 때만입니다. 왼쪽에서 오른쪽으로 표시하려고하면 모든 브라우저가 작동합니다.오른쪽에서 왼쪽으로 정렬되지 않은 목록

내가 한 일의 간단한 예가 여기에 있습니다. http://www.g6pdrecords.com/svk/test.html CSS가 있습니다.

아무도 아이디어가 없습니까? 감사합니다.

답변

2

IE6에서 작동해야합니다.

#menu에서 절대 위치 지정을 제거 했으므로 절대 위치 지정을 제거했지만 실제로 필요하면 다시 넣을 수 있습니다. HTML이 조금 너무 변경해야 사실

div#contain{ 
margin:0 auto; 
border: 1px dashed #000000; 
width: 1000px; 
height: 600px; 
} 
div#menu{ 
overflow:hidden; 
margin-top:50px; 
border: 1px dashed #FF00FF; 
text-align:right; 
} 
ul{ 
list-style-type: none; 
display: inline; 
margin: 0px; 
padding: 0px; 
} 
ul li{ 
margin: 0px; 
padding: 0px; 
float:right; 
} 

, validatorli의 내부 ul 중첩을 참조 할 것 : 도움을

<ul> 
<li>item1</li> 
<li>item2</li> 
<li> 
    <ul> 
    <li>sub item3</li> 
    <li>sub item4</li> 
    </ul> 
</li> 
</ul> 
+0

안녕하세요, 감사합니다. :) 하지만! 당신은 하나의 중요한 포인트를 무시합니다. 목록 항목은 여전히 ​​왼쪽에서 오른쪽으로 이동합니다! 순간에 표시됩니다 : item1 item2 item3 item4 표시해야합니다 : item4 item3 item2 item1 thats 무엇이 나를 위해 모든 문제를 일으키고 있습니다. 그것에 대한 어떤 해결책이 ? 감사합니다. – Crippletoe

+0

'display : inline'을'float : right'로'ul li'으로 바꿀 수 있습니다. IE7에서 제대로 작동하는 것 같습니다. (다른 사람들은 지금 테스트하지 않아도됩니다.) 저는 이것을 반영하기 위해 대답을 편집했습니다. –

관련 문제