CSS 마진이 브라우저 사이의 다른 위치에 표시됩니다.

-1

페이지의 특정 위치에 표시 할 간단한 개체가 있습니다.CSS 마진이 브라우저 사이의 다른 위치에 표시됩니다.

코드 :

.DownloadBtn 
{ 
    height:35px; 
    width:150px; 
    background:#09F; 
    display:block; 
    position:absolute; 
    margin:280px 60px; 
} 

<a href="/products.html" class="DownloadBtn">Download Now</a>

이 파이어 폭스에 완벽한 장소에 내 다운로드 버튼이 표시됩니다. 그러나 Chrome에서는 왼쪽에 더 많은 슬라이드가 있습니다. IE에서 을 선택하면 왼쪽으로 슬라이드가 더 진행됩니다.

그래서 기본적으로는 같은 종류의이다 :

파이어 폭스 : -------- DownloadNow --------

크롬 : ---- DownloadNow --- --------

IE : --DownloadNow -------------------

는 방법은 내가 그것을 할 수 있는가 모든 브라우저의 초 위치? 도움에 감사드립니다!

당신은

<!--[if IE]> 
<link rel="stylesheet"href="ie.css" /> 
<![endif]-->

출처

2013-08-19 noobHERE

내 컴퓨터의 모든 브라우저에서 동일한 위치에 있습니다. – Cameron

부정 : 설명해 주시겠습니까? 흠 ... 어떤 이유로 든 내 것이 아니야. – noobHERE

IE의 어떤 버전입니까? 각각의 경우 몇 픽셀입니까? 스크린 샷? 문제를 재현하는 피들? – FelipeAls

margin-left:auto; 
margin-right:auto;

출처

2013-08-19 02:49:43 Haben

IE8 +에 대해 이야기하고 있습니다. IE 스타일 시트가 필요하다고 생각하지 않습니다. 그래도 크롬 문제는 해결되지 않습니다. – noobHERE

당신이 CSS에서 이런 식으로 뭔가를 시도하여 IE 특정 스타일 시트를로드 할 수 있습니다

출처

2013-08-19 03:43:45

이 유효한 방법 인 경우 나도 몰라,하지만 난 고정했습니다 margin : auto 속성을 사용합니다. 예제를 보려면 아래 코드를 참조하십시오.

.downloadbtn 
{ 
    margin: 0 auto; 
    padding: 0; 
    position: relative; 
    right: 400px; 
    top: 200px; 
}

출처

2013-08-19 04:28:45 noobHERE

CSS 마진이 브라우저 사이의 다른 위치에 표시됩니다.

답변

관련 문제