2011-09-11 6 views
-1

블로깅 플랫폼 Tumblr의 테마를 만들었습니다. IE를 제외한 모든 브라우저에서 잘 작동합니다.IE의 위치 지정 문제

IE는 화면 하단에서 div의 위치를 ​​고정하지 않고 대부분이 오른쪽으로 고정되는 대신 모든 항목을 왼쪽으로 채 웁니다. 크롬에서 http://i56.tinypic.com/2b30jk.png

같은 일이 :

주소는 여기에

009panelstheme.tumblr.com는 IE의 스크린 샷이다이다 내가 전체의 DOCTYPE 일을 시도했습니다 http://i55.tinypic.com/2d8172o.png

, 나는 사람을 발견 누가이 라인을 추가했다 :

<!--[if IE]> 
<style type="text/css"> 
@media screen { 
* html {overflow-y: hidden;} 
* html body {height: 100%; overflow: auto;} 
} 
</style> 
<![endif]--> 

그러나 나는 아무것도하지 않는다.

어떤 제안이라도 훌륭합니다. 정말 고맙습니다.

+2

도움이 필요하면 코드를 http://jsfiddle.net에 복사하면 쉽게 재생할 수 있습니다. 그렇지 않으면 우리가 당신의 문제를 파악하기가 너무 어렵습니다. –

+1

[validate, validate, validate] (http://validator.w3.org/check?uri=http%3A%2F%2F009panelstheme.tumblr.com&charset=%28detect+automatically%29&doctype=Inline&group=0) – Quentin

답변

0

Doctype 추가 시도가 실패했습니다. IE의 개발자 도구 (F12 누름)를 사용하면 Quirks 모드에서 렌더링이 명확하게 표시됩니다. 개발자 도구에서 표준 모드로 변경하면 제대로 작동합니다. 나는 소스를 볼 때

,이를 참조하십시오

<meta http-equiv="x-dns-prefetch-control" content="off"/><!DOCTYPE HTML> 
<html lang="en"> 
... 

doctype 필요가 페이지의 첫 번째 일이 될!

meta 태그는 어디에서 왔습니까? head으로 이동할 수 있습니까?

페이지 아래 더, 말하자면 나는이를 참조하십시오

<header> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    ... 

header 당신이 사용되어야 하는지를 없습니다. head입니다. header is something else entirely.

+0

멋진 답변 HTML에서의 엉터리 시도. –