IE6 исправить для сайта

Question

Вот URL-адрес данного сайта: http://www.katiesamsonlaxfest.com/index.html

Сайт выглядит нормально во всех браузерах, кроме IE6 и ниже. Я хотел бы, если возможно, найти простое исправление CSS, поскольку, как вы можете видеть, содержимое не содержится в элементах div.

Answer 1

Я рекомендую YUI CSS Foundation (Сброс, Шрифты, Сетки). Я нахожу гораздо меньше проблем с IE при создании сайтов таким образом, и часто это требует почти никаких исправлений / взломов IE после сборки и тестирования в Firefox.

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

Answer 2

Нет "легкого исправления". Вам нужно решать проблемы по одному.

Вы можете добавить специфичный для IE6 CSS, добавив такие вещи, как:

.box {
    margin-left:20px;
    _margin-left:15px; /* this is the ie-specific fix */

}

... и т.д.

Кроме того, прозрачность не работает с 24-битными файлами PNG. Используйте 8-битный. Это всего лишь названия, вам все равно не нужны 24-битные (или просто используйте GIF). Вот почему ваши заголовки имеют странные рамки вокруг них.