2012-02-22 2 views
1

에서 제대로 작동하지 않습니다 나는 다음과 같은 구조를 가지고 :"텍스트 정렬 : 오른쪽"IE7

<div><input type='text'/><a></a></div> 

사업부 텍스트 정렬 오른쪽 입력이 부유되어 왼쪽. 처음에는 입력이 숨겨졌습니다. 입력을 볼 때마다 링크가 IE7에서 왼쪽으로 이동합니다. 그러나 FF3 링크는 그대로 있습니다. 링크가 이동 한 이유는 무엇이며 어떻게 IE7에서 계속 유지할 수 있습니까?

Here은 바이올린입니다.

+1

Firefox 3에서 테스트하는 이유는 무엇입니까? – BoltClock

+0

IE가 아닌 브라우저로 FF3 만 있습니다. 나는 모든 브라우저에서 그 자리에 링크 체재를 선호한다. – sevenkul

+1

FF3은 적어도 3.6으로 업그레이드 가능해야합니다 ...하지만 알다시피, FF10은 자동으로 업그레이드되는 최신 버전입니다. – elclanrs

답변

0

시도, 일관성있는 결과를

.questionfooter a { 
    float: right; 
} 

, 링크에 대한 입력에 대한 float: left;float: right를 사용합니다.

+0

좋습니다.이 기능은 훌륭하지만 이전 버전이 일관성이 없었던 이유를 알고 있습니까? – sevenkul

+0

@sevenkul 어떤 버전을 말하는거야 .. 내가 아는 한, 위의 모든 버전에서 작동합니다 ..하지만 용기 (div의) 요소 (입력, a)가 아니라 떠있는 것으로 가정하십시오. 컨벤션이나 부유 요소에 문제가 있는지 확실하지 않습니다. –

+0

이전 버전의 원래 코드를 의미했습니다. – sevenkul

0

IE7의 경우 아래와 같이 CSS를 사용하십시오. display : none을 사용하는 것처럼 보입니다. 그것을 숨기기위한 입력입니다.

.IE7 input {visibility:hidden;} 
+0

가시성에는 문제가 없습니다. 또한 jQuery는 "visibility : hidden;"스타일을 가진 요소를 인식합니까? 숨겨진 요소로 .show() 함수가 작동합니다. – sevenkul