2009-08-17 3 views
9

나는 사이트에서 960.gs CSS 프레임 워크를 사용하고 있으며 IE (7,하지만 6이 더 좋다고는 생각하지 않음)와 거의 동시에 충돌 문제가 발생합니다. IE는 왼쪽으로 밀어 반면 위의이 HTML (CSS를 960와 함께 번들로 바로 파일입니다), 파이어 폭스와 크롬 센터 그리드 감안할 때 960 격자가 Internet Explorer에서 왼쪽으로 정렬

<html> 
<head> 
    <link rel="stylesheet" href="design/reset.css" /> 
    <link rel="stylesheet" href="design/960.css" /> 
    <link rel="stylesheet" href="design/text.css" /> 
</head> 
<body> 
    <div class="container_12">abc</div> 
</body> 
</html> 

.

나는 문제없이 960을 사용 했으므로 나는 정말로 어리석은 뭔가를해야한다고 생각한다. 누구든지 도와 줄 수 있습니까?

+0

가능하면이 질문의 제목을 "960 Degree Grid aligns left in Internet Explorer"로 변경하십시오. 다른 사람들이 쉽게 해결할 수있는이 질문을 쉽게 찾을 수 있습니다. – foxybagga

+0

@ Pushpinder - 960.gs (그리드 시스템 용)라고하며, "Internet Explorer에서 960g 정렬"을 검색하면 이미 세 번째 결과입니다. – nickf

답변

25

HTML 시작 부분에 DOCTYPE을 포함해야합니다. 그렇지 않으면 CSS가 IE에서 올바르게 나오지 않습니다. 960 패키지와 함께 제공된 데모 파일의 것을 사용할 수 있습니다.

+2

감사! ''이 전부였다. 기괴하지만 진실입니다. – nickf

+0

나를 위해 일했습니다. 감사! –

+0

여기에서도 일했습니다. 감사! – Justin

2

DOCTYPE 태그 앞에 아무 것도 표시 할 수 없습니다.

예를 들어, 기본 Netbeans HTML 템플릿에는 DOCTYPE보다 몇 줄의 HTML 주석이 있으므로 960.gs를 삭제하려면 해당 템플릿을 삭제해야합니다.