2011-03-15 3 views
1

나는 내 포트폴리오를 가지고 있지만 모든 브라우저에서 훌륭하게 보이지만 IE에서는 컨테이너가 센터처럼 보이지 않는다. 나는 여백을 사용하고있다 : 0 자동; 하지만 작동하지 않습니다. IE에서 수정하는 방법에 대한 제안? 여기 IE - 중심에 있지 않지만 그 이유는 무엇입니까?

당신이 코드를 볼 수있는 링크입니다 : http://christianbovine.com/

감사를

편집 : 그게 내가 자마자 오른쪽으로 밀어했다 거기에 가 나는 IE7 CSS 파일을했다 제거 된 부분이 수정되었습니다. 모두에게 조언 주셔서 감사합니다! IE의

+0

IE의 버전은 무엇입니까? IE8의 경우 전자 메일 버튼을 제외하고는 괜찮아 보입니다. –

+0

전자 메일 단추가 모든 것을 오른쪽으로 밀고있는 것 같아요 .... 나는 원하지 않습니다. – Xtian

답변

1

이전 버전과 같이, 텍스트 정렬의 ingracious 사용이 필요합니다

<div style="text-align: center;"> 
    <div style="text-align: left; width: 300px; margin: 0 auto;"> 
     <p>Content goes here</p> 
    </div> 
</div> 

너비는 참조 용으로 순수하게 추가하고, 마진 순수 크로스 브라우저 호환성을위한 것입니다. 귀하의 경우에는

, 나는 두 번째 "용기"DIV (. 즉 containerInner)를 추가하는 것이 좋습니다 것입니다, 당신은 CSS에 다음과 같이 뭔가를 추가 할 수 있습니다 사용, 부모 요소에서

div#container { text-align: center; } 
div#containerInner { text-align: left; } 
1

"text-align"속성. 예 :

body{ 
    text-align:center; 
} 
0

본문 태그의 경우 text-align : center를 사용하거나 태그 안의 모든 내용을 줄 바꿈하십시오.

또한 "display : inline-block"을 사용하는 것이 좋습니다 (여기에서 사용 된 모든 CSS를 선택하지 않은 경우). 이렇게하면 요소에 대한 너비 및 높이 속성을 지정할 수 있습니다 (Mac atm을 사용하여 IE에서 실제로 테스트 할 수없는 경우 인라인 및 블록이 아닌 width, height 특성은 무시됩니다).

희망 하시겠습니까?

관련 문제