IE6 не нравится мой CSS :( - PullRequest
Новая
       29

IE6 не нравится мой CSS :(

0 голосов
/ 14 августа 2010

Веб-сайт: srstage.d19.us (извините, разрешил бы только одну ссылку)

Как это выглядит в IE6: http://img94.imageshack.us/img94/4489/6c1bafd63a9d33b1231bd3d.png

Отмечены 4 ошибки.

  1. без пунктирной рамки (на значке навигации и дате) (из памяти, которая не поддерживается IE6)
  2. боковая панель в основном пропала
  3. comment-meta пусто
  4. значок даты перемещен (ошибка позиционирования?)

Я ненавижу IE6, однако некоторые организации тупо его используют ...: (

Ответы [ 4 ]

0 голосов
/ 08 июля 2011

Используйте объявление типа документа, как это 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

для получения дополнительной информации о выравнивании, перейдите к http://www.w3schools.com/css/css_align.asp

0 голосов
/ 14 августа 2010

Некоторые из этих решений немного хакерские, но они должны решить все ошибки: 

/* Problem 1 */

div#menu ul
{
    line-height: 2;
}

/* Problem 2 */

div#content
{
    margin-right: 0;
}

/* Problem 3 */

.entry-meta
{
    zoom: 1;
}

/* Problem 4 */

.entry-title, .entry-content, .entry-meta
{
    margin-left: 55px;
}

div.post
{
    padding-left: 0;
}

.entry-shortdate
{
    margin: 0;
    top: 20px;
    left: -40px;
}
0 голосов
/ 14 августа 2010

Вы можете использовать IE7.JS , чтобы IE6 вел себя как стандартные браузеры.

IE7.js - это библиотека JavaScript, позволяющая Microsoft Internet Explorer вести себя как стандартысовместимый браузер.Он исправляет многие проблемы с HTML и CSS и обеспечивает прозрачную работу PNG в IE5 и IE6.

0 голосов
/ 14 августа 2010

Вот несколько советов для вас:

Не используйте абсолютное позиционирование в блоках с датами: используйте отрицательные поля и числа с плавающей точкой.

Ваша боковая панель опускается ниже записей, потому что там нет места дляЭто.В боксе есть две ошибки (по крайней мере): #container занимает все место на странице, а #primary не находится внутри контейнера.#primary плавает справа, но идет после содержимого слева.При значении float = right поле с плавающей точкой справа должно располагаться перед полями с плавающей точкой слева.

Сделайте так, чтобы ul вашего меню достигал якорей внутри него.

Используйте положение = относительное для мета-комментария.

Было бы намного проще использовать CSS-фреймворк, который уже решил эти проблемы.Например План .

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

Нет похожих вопросов

...