Проблемы позиционирования в IE - PullRequest
0 голосов
/ 11 сентября 2011

Я создал тему для платформы блогов Tumblr, и она отлично работает во всех браузерах, кроме IE.

IE не будет фиксировать положение деления в нижней части экрана и сжимаетвсе влево, вместо того, чтобы большинство из них фиксировали вправо.

Адрес 009panelstheme.tumblr.com

Вот скриншот в IE: http://i56.tinypic.com/2b30jk.png

То же самое в Chrome: http://i55.tinypic.com/2d8172o.png

Я перепробовал весь Doctype и нашел человека, который сказал добавить эту строку:

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

Но ничего, что я делаю, не работает.

Любые предложения будут замечательными.Большое вам спасибо.

1 Ответ

0 голосов
/ 11 сентября 2011

Ваша попытка добавления типа документа не удалась.Используя инструменты разработчика IE (нажмите F12), вы можете четко видеть его рендеринг в режиме Quirks.Изменение его в Стандартный режим в Инструментах разработчика делает его работу.

Когда я смотрю на источник, я вижу это:

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

тип документа должен бытьсамое первое на странице!

Откуда взялся этот тег meta?Можете ли вы переместить его в head?

Кстати, далее по странице я вижу следующее:

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

header - это не то, что вы должны использовать там.Это head.header - это совсем другое.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...