2013-06-14 2 views
1

이것은 곧장 앞으로해야하지만이 문제가 있습니다. html5 보일러 플레이트 설정 사이트에서 작업하고 있습니다. 모든 것이 좋지만 IE (10)는 일반적인 마진 문제를 겪고 있습니다. 그것은 파국적이지는 않지만 스크롤바가 IE에서 더 많은 수직 공간을 차지하기 때문에 콘텐츠 영역에 적용 할 수 있습니다.IE 검색은 Chrome/FF에 대해 true를 평가합니까?

<head> 
    <link rel="stylesheet" type="text/css" href="style.css" /> 
    <!--[if IE]> 
     <link rel="stylesheet" type="text/css" href="iestyle.css" /> 
    <![endif]--> 
</head> 

iestyle.css가 포함되어 있습니다 : 나는 정확한 높이이 방법을 지정하고 사용자가 입력하지 것이다

일반적으로
#page-container { height: 1100px; } 
#content { height: 835px ; } 
#menu-footer { height: 560px; } 

나는 수직과 같이 IE 감지를 사용하여 필요한 요소를 확장하기 위해 노력하고있어 자연 스럽지만 JQ 플러그인을 사용하고 있습니다. 그래도 충분히 간단하지만 Chrome과 FF가 iestyle.css 형식을 계속 적용하는 이유가 무엇이든간에 간단해야합니다.

.ieExtend #page-container { height: 1100px; } 

ieExtend 클래스는 여전히 크롬과 FF에 적용지고, 그래서 내가 믿고있어 몇 가지있다 : 나는 심지어 HTML 개체에 클래스를 추가하고있는 style.css에 후크로 클래스를 사용하여 시도 탐지 자체에 문제가 ... 어떤 아이디어?

Thnx.

+0

Firefox가 실제로 'iestyle.css' 파일을 다운로드합니까? F12 키를 누른 다음 "CSS"탭을 선택하면 소스 파일에이 파일이 표시됩니까? –

답변

1

v10에서 조건부 주석 (http://www.impressivewebs.com/ie10-css-hacks/) 지원이 제거되었으므로 조건부 주석이 IE10에서 작동하지 않을 것으로 생각됩니다. 따라서 스타일이 IE10, Chrome, FF에 적용되는 경우 조건부 주석을 우회하는 다른 메커니즘 (브라우저의 모든 스타일 시트를 무시해야 함)을 사용했거나 중복 된 것으로 나타났습니다 style.css 내부의 스타일 규칙은 어떻게 든됩니다. 실수로 (예 : JS를 통해) 적용 할 수있는 다른 메커니즘을 볼 수없는 경우 코드를 검색하여 잘못된 규칙을 찾기 위해 값을 검색하는 것이 좋습니다.

+0

아, 고마워요. Skrivener! 사실 IE10 조건부 주석을 모르고있었습니다. 당신이 제공 한 링크는 나에게 몇 가지 옵션을 주었고 현재 잘 작동하고 있습니다. – user2487740