2012-02-07 4 views
1

저는 html5, html, JavaScript를 처음 사용합니다. 내 웹 사이트 http://www.countrybait.com/은 Chrome과 IE9에서 완벽하게 보이지만 IE8에서는 깨졌습니다. 문제는 제 의뢰인이 IE8을 가지고 있고 내가 그에게 보여준 나쁜 모습이었습니다. 나는이 문제를 해결하기 위해 많은 노력을했지만 문제를 고칠 수 없었고 수정해야 할 일을 알지 못했고 IE8에서 깨끗한 시각을 얻었습니다. 노인이 나를 도와주세요. 긍정적 인 도움을 기다리고 있습니다.IE8에서 웹 사이트가 깨졌습니다.

답변

2

언급 한 브라우저 간에는 많은 차이점이 있습니다. 각각은 CSS를 조금 다르게 렌더링합니다. 특히 IE8. IE9에는 개발자 도구 세트가 있습니다 (F12 키를 누르거나 도구 아이콘 아래에 있음). 브라우저 모드를 선택하면 해당 설정에 따라 페이지를 렌더링해야합니다. 그런 다음 어떤 항목으로 인해 레이아웃 문제가 발생하는지 확인하고 필요한 사항을 변경할 수 있습니다.

저는 항상 Chrome이나 Firefox로 제작 한 다음 돌아가서 IE에서 작동하도록 만듭니다.

사이트에 따라 IE8에서 모든 기능을 사용하려면 약간의 시간이 걸릴 수 있습니다. 간단한 수정이 아닙니다.

0

IE의 초보자 아픔은 아프지 않습니까?

나는 당신이 이런 종류의 새로운 것을 알고 있지만 Sass/Compass로 얼마나 빠르게 속도를 낼 수 있는지를 알고 있습니다. 나침반에는 많은 도우미 단축 코드와 크로스 브라우저 처리가 함께 제공됩니다. 그것의 새로운 뜨거움과 (자신과 같은 : D) 진짜 프로의 사용이 (그래서 클러치) 중첩/w

말대꾸 = 속기 CSS, (좋은 동적) 변수, 유지 mixin (템플릿)

나침반 = 프레임 워크 크로스 브라우저 문제와 CSS 접두어 및 다른 멋진 쓰레기를 피하십시오.

심각하게 말씀 드리 자면 ... 누군가가 나에게 더 일찍 말해 주었으면 좋겠습니다.

+0

다른 도움이되는 노인들 ... 저는 정말 새롭고 나와 공유하는 모든 것들이 제가 처리하기가 매우 어렵습니다. 노력했지만 전문가가 아니기 때문에 더 잘못되었습니다. : ( – Imran

+0

Downvoted, 귀하의 권장 사항이 일반적으로 훌륭하지만 도움이되지 않을 수도 있습니다. 너무 광범위합니다. –

+0

나는 그것이 저주를 얻는다고 생각하지 않습니다. 나는 적어도 긍정적 인 방향을 제공한다 downvote는 잘못된 정보, 잘못된 조언, 또는 부적절한 정보를 가정하고있다. 다시 가져올 수 있겠는가? 가입했을 때 내 담당자를 죽이지 않기를 바란다 –

2

IE8에서 "호환성 모드"를 켜 봤는데 대부분의 것들이 대략적인 위치에 있습니다 (주목할만한 예외는 톱 메뉴 탐색과 주요 텍스트 내용입니다). IE를 강제로 페이지에

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

: 당신이 사용하는 것 같아서

그래서 하나 개의 전략은 다음과 같은 메타 태그를 추가 할 수 있습니다, 그것은 IE7/IE8 호환성 모드에서 잘 보이지에 도착하는 것입니다 호환 모드로 실행합니다. IE9에서 정상적으로 작동하지 않는지 확인하기 위해 IE 조건부 주석으로이를 둘러 쌀 필요가 있습니다.

<!--[if lt IE 9]> 
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<![endif]--> 
+0

할 수 있니? 좀 더 자세히 설명해주세요. 미안 해요. 이해 하기엔 너무 덤프입니다. 제발이 문제를 해결하는 데 도움이됩니다. 답변을 기다리는 중입니다. – Imran

+0

@ 아이먼. 도움을주고 싶지만 불행히도 사이트를 교차시키는 방법을 배우는 것이 좋습니다. 브라우저 호환성은 연습 및 경험과 함께 제공되는 것입니다.가장 좋은 방법은 브라우저에서 다양한 개발자 도구 (파이어 폭스의 Firebug, IE 및 Chrome의 개발자 도구)를 사용하여 다양한 상황이 왜 다른지를 디버깅하는 방법을 배우는 것입니다. – GregL

관련 문제