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

Question

Здесь есть гиперссылка на этот сайт: http://www.katiesamsonlaxfest.com/index.html

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

Answer 1

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

Вы можете добавить "IE6" Определённые CSS, добавляя такие вещи, как:

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

} 

... и т.д..

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

Answer 2

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

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