2011-07-04 14 views
0

내가 내 교회를 위해 웹 사이트에 일을 돕고 나는 스타일 시트와 IE에 문제로 실행했습니다 (놀라운, 맞죠?)IE8 스타일 시트 문제

떠있는 검색 상자가있어 당신의 경우 거의 모든 브라우저에서보기가 올바르게 표시됩니다. 올바른지 확인하기 위해 검색 상자의 정확한 위치에 이미지라는 단어가 나타납니다. 그러나 IE8이 호환성보기 인 경우 입력란은 맨 위 오른쪽에 배치되어 오른쪽 상단의 탐색 경로 위에 텍스트가 있음을 간신히 확인할 수 있습니다.

IE가이 태그를 모든 문서에 넣음으로써 비 호환 모드를 사용하도록 강요했지만 작동하지 않으며 호환 모드가 꺼지지 않습니다.

URL은 어떤 도움이 많이 주시면 감사하겠습니다 http://66.165.142.160

입니다.

UPDATE : 이것은 모든 브라우저에서 나는 Here is what it is supposed to look like

IE 8 호환성 모드를 제외하고 시도했습니다 그리고 이것은 IE8의 호환성 모드가

Here is what it looks like in IE compatibility mode:

+0

이 할 당신의 스크린 샷이 있습니다

하지 않으면, 어쩌면 당신은 조건부 주석 내부 그것에 대한 수정 (이것은 다른 모든 브라우저 숨겨진 IE7/호환 모드에만 적용됩니다) 고정 추가 할 수 있습니다 이것이 ie8/compat에서 보이는 것? 나는 창유리가 없다. – hellatan

+0

예, 주요 설명이 업데이트되었습니다. 감사. – Will

+0

IE8 호환 모드 = IE7. – thirtydot

답변

0

세력의 모습처럼 보이는 것입니다 <div id="search"> 뒤에 배치 된 요소의 자연스러운 흐름 즉, <div id="social-icons">을 사용하면 레이아웃을 도우십시오.

float:right; clear:right;이 선언되어 있고 사회 아이콘 컨테이너 뒤에 <div class="clear">이 추가 된 경우이 두 요소 모두 더 나은 교차 브라우저를 렌더링합니다.

0

태그 사이의 호환성 모드를 제공에서 IE8을 방지해야 추가 :

<meta http-equiv="X-UA-Compatible" content="IE=8" /> 

당신을 위해 그 일을합니까?

<!--[if IE 7]> 

Here put the IE7 specific css, which will also apply to IE8 compatibility mode. 

<![endif]--> 
+0

ie = edge는 사용하고있는 IE의 버전에 관계없이 가장 최신의 렌더러를 사용하기로되어 있습니다. 웬일인지, 그것은 사람을 위해 아직도 호환성 모드에서 렌더링하고있다. 그리고 나는 이유를 모르고있다. – Will