0

문제 :CSS 호환성 IE7 - IE8 문제

시간을내어 읽어 주셔서 감사합니다. 가능한 한 간단하게 해결해야 할 문제가 있습니다. 재 개발중인 웹 사이트가 있지만 IE8로 업데이트 한 이래 IE7에 대해 완전히 잊어 버렸습니다.하지만 당연히 IE7을 사용하는 사람들이 있습니다.

이 사이트가 IE8에서와 동일한 방식으로 표시되도록 변경해야하는 구체적인 사항을 알아야합니다. 그러나 나는 어디에서 시작해야할지 모른다. 이 경험이있는 분, 나에게 지침을 줄 수있는 사람이 있습니까? 그렇게하기위한 스크립트가 있습니까?

는 URL : 당신이 IE8로 볼 경우 http://www.testsite.c-tz.nl/

는 완벽 보인다.

하지만 IE7을 사용하여 보았을 때 상황이 매우 좋지 않습니다.

+0

있습니다 .. IE 8을 다운로드 방문자 리디렉션 유사한 방법을 사용합니다. –

+0

어렵고 빠른 규칙이 없습니다. 요소가 동일하게 보일 때까지 요소별로 작업합니다. 모든 일반적인 브라우저에서 이상적으로 테스트해야합니다. – Ant

+0

IE8로 테스트하고 개발자 툴바를 사용하여 IE7 표준으로 전환 할 수 있습니다. – clairesuzy

답변

0

다른 말로서, 귀하의 질문은 광범위한 것입니다. 작은 문제에서 문제를 해결할 필요가 있습니다. 그러면 문제 해결에 도움이 될 것입니다.

내가 한주의 사항 : IE에는 display: inline-block 요소에 orbitally block 요소가있는 것으로 나타났습니다. span (블록 요소가없는 경우에만 가능)을 사용하거나 다른 방법을 사용하여 float과 같은 블록을 나란히 배치하십시오.

현재 귀하의 HTML에는 div 개가 너무 많습니다. 모든 img, 모든 ul 등을 자신의 div에 포함 할 필요는 없습니다. 일반적으로 div에 적용하는 모든 스타일은 "포장 된"요소를 직접 적용 할 수 있습니다.

+0

사실 IE6/7은 인라인 블록을 완벽하게 지원하지는 않지만 인라인 요소로 변경할 필요가 없습니다. 인라인 블록이있는 모든 요소에 대해 새 규칙을 추가하고이를 추가합니다 (결국 시트의 끝에 다른 규칙들) :'.class1, .class2, .class3, li, h3 {display : inline! ie7;}'시트에서 인라인 블록 인 모든 클래스 이름과 요소를 대체하여 따로 따로 넣는다. 기존 규칙을 추가하려고하지 마십시오;) – clairesuzy

+0

이'! ie7' 선언은 무엇입니까? 그것은 어딘가에 문서화되어 있습니까? – RoToRa

+0

ie7 이하에만 CSS를 먹일 수있는 해킹입니다.'! ie7' 비트가없는 조건부 주석에'display : inline' 규칙을 넣을 수 있습니다 .. [More here] (http://stackoverflow.com/questions)/4987418/bang-ie7-what-does-it-mean) 실제 텍스트 "ie7"은 중요하지 않지만 규칙이 무엇인지 (또는 누가)인지를 알려주는 역할을합니다 – clairesuzy

0

이 멋진 생각이 아니다 ...하지만 당신이 6으로 또는 IE5 같은 아주 오래된 브라우저와 아플 때 시도 할 수 있습니다 ... 브라우저와 버전을 감지하는

1. 한 자바 스크립트 ..

2.later은이 질문은 너무 광범위

<script> 
if(''+browserName+''+fullVersion+'' == "Microsoft Internet Explorer6.0") 
{ 

alert("You're using an Old Browser.Update the browser to view the website.(or) Try Latest Google Chrome , Firefox , Safari, Opera") 
window.location = "http://www.microsoft.com/download/en/details.aspx?id=43" 
} 
//document.write(''+browserName+''+fullVersion+''); 
</script>