IE6/7 오른쪽 부동 버그

#container { 
background-color: #CCC; 
height:100px; 
} 
.clear-fix 
{ 
    overflow: hidden; 
    _height:1%; 
} 
#navigation { 
float: right; 
margin-right: 10px; 
background-color:Aqua; 
} 
#content { 
float: left; 
margin-left: 10px; 
background-color:Orange; 
}   
#content div{display:inline; float:right;} 
#content a {float:right; display:inline;margin-right:5px;} 


<body style="direction:rtl"> 
<div id="container" class="clear-fix"> 
<div id="navigation"><a href="#">hi there ddd ddd</a></div> 
<div id="content"> 
    <div>somthing else</div> 
    <a target="_blank" href="#" ><img src="anything.jpg" style="width:32px; height:32px"/></a> 
    <a target="_blank" href="#" ><img src="anything.jpg" style="width:32px; height:32px" /></a> 
</div> 
</div> 
</body>

IE6/7이 올바르게 표시되지 않습니다 (왼쪽). #content에 대해 너비를 설정하고 싶지 않습니다. IE 용 해결사를 알고 있습니까? 콘텐츠의 내부 요소를 왼쪽으로 떠올리면 (요소를 다시 배치 한 후) 올바른 것입니다. 하지만 float 요소가 오른쪽에 있어야합니다.IE6/7 오른쪽 부동 버그

해결책을 말씀해주세요.

안부

출처

2011-11-18 mmtemporary

너무 확실하지,하지만 내 머리의 상단에서 ...이 당신은 다음을 추가 할 수 있습니다 시도하고

#container{ 
    width:[your width]; 
} 
#content{ 
    display: inline-block; 
}

출처

2011-11-18 03:26:59

고맙습니다을 볼 수 있지만 작동하지 않을 수있다 – mmtemporary

IE6/7 오른쪽 부동 버그

답변

관련 문제