2012-12-21 6 views
1

모든 브라우저에서 입력 텍스트 필드, 비밀번호 텍스트 필드 및 로그인 버튼을 정렬하는 데 문제가 있습니다. 한 브라우저에서 작동하면 다른 브라우저에서는 작동하지 않습니다. 어떤 일을해야합니까? 이 인터넷 익스플로러모든 브라우저에서 CSS 정렬

header #login_button 
{ 
    padding: 9px; 
    border-radius: 0px 6px 6px 0px; 
    float: right; 
} 

header input[type=submit] 
{ 
    border: none; 
    border-radius: 3px; 
    padding: 4px 8px; 
    font-weight: bold; 
    font-size: 9px; 
} 

을 작동 그리고 그것은 에서 작동하는 방법 파이어 폭스

header #login_button 
{ 
    padding: 7px; 
    border-radius: 0px 6px 6px 0px; 
    float: right; 
} 

header input[type=submit] 
{ 
    border: none; 
    border-radius: 3px; 
    padding: 4px 8px; 
    font-weight: bold; 
    font-size: 9px; 
} 
,536 어떻게

header #login_button 
{ 
    padding: 8px; 
    border-radius: 0px 6px 6px 0px; 
    float: right; 
    margin-top: 2px; 
} 

header input[type=submit] 
{ 
    border: none; 
    border-radius: 3px; 
    padding: 4px 8px; 
    font-weight: bold; 
    font-size: 10px; 
} 

을 : 그것은 구글 크롬에서 작동 방법

그냥 요약 할 수있는 차이 :

크롬이 필요합니다

font-size:10px; 
padding: 8px; 
margin-top: 2px; 

파이어 폭스가 필요합니다

font-size: 9px; 
padding: 7px; 

IE가 필요합니다

font-size: 9px; 
padding: 9px; 

도움을 주시면 감사하겠습니다.

감사합니다.

+1

그래도 CSS 리셋을 사용하고 계시 겠지? 그렇지 않은 경우에 대비하십시오. –

+0

답변을 수락 할 수 있습니까? :) –

답변

-2

당신은 다음과 같이 사용한다 :

난 다음 .webkit 크롬 들어

<pre> 
    <script src="http://github.com/rafaelp/css_browser_selector/raw/master/css_browser_selector.js" type="text/javascript"></script> 
    </pre> 
 
header input[type=submit]{ 
    font-size: 10px; /* standard */ 
    font-size: 10px\9 /* IE 8 and below*/ 
    padding: 9px\9; /* IE 8 and below */ 
    *padding: 15px\9; /* IE 7 and below */ 
    _padding: 16px\9; /* IE 6 */ 
} 

작동합니다 언급 복사하여 아래, 안쪽 라인과 태그 를 붙여 잊었 :

 
.webkit header input[type=submit] { 
    font-size: 10px; 
    padding: 8px; 
    margin-top: 2px; 
} 

Reference Link

+1

IMO, 삶을 열심히 만든다. 특히 유지 보수성을 위해 많은 CSS 브라우저 해킹을 사용한다. –

+0

어떤 이유로, .webkit가 작동하지 않습니다. 캐시를 재설정했습니다. 지금 IE 해킹을 시도 할 것입니다. – user1834218

+0

그리고 아니오, 저는 CSS 리셋을 사용하지 않고 있습니다. 나는 그것을 들여다 볼 것이다.그것은 문제 일 수 있습니다. IE 해킹이 완벽하게 작동합니다. – user1834218

2

다른 브라우저에 대해 다른 스타일을 작성해야한다고 생각하지 않습니다. 다음 중 누구의 normalize.css 또는 reset.css과 같은 것을 사용할 수 있습니다. 이 CSS 파일에는 모든 브라우저에서 HTML 모양을 거의 동일하게 만들기 위해 필요한 스타일과 해킹이 있습니다.

http://necolas.github.com/normalize.css/

http://www.cssreset.com/

희망하는 데 도움이.

관련 문제