Проблема с разметкой ширины жидкости в IE 6 и 7

Question

http://dl.dropbox.com/u/18795563/blog/index.html При изменении размера окна в IE 6, 7 и 8 это происходит: http://img64.imageshack.us/i/aaawz.png/ Это нормально, когда окно развернуто, но когда я пытаюсь изменить его размер, боковая панель выдвигаетсяпри определенных размерах окна, это нормально в большинстве случаев, но я все еще хочу решить проблему.

Answer 1

Я вижу, что у вас есть поплавок справа и поплавок слева в идентификаторе боковой панели.Это какое-то исправление?

Для чего стоит Microsoft активно пытается избавить мир от IE6, как мы говорим.Учитывая, что его используют всего 5% населения мира, большинство из которых находится в Китае, можно с уверенностью сказать, что не нужно указывать непредвиденные обстоятельства.

Понятно, что это не относится к двум более новым версиям, но стоитотметив.

Answer 2

Лучший способ сделать это с помощью медиа-запросов: Вот пример того, как решить эту проблему, вы можете попробовать с мобильного телефона, таблицы и т. д.

<!-- Big screen -->
<link rel="stylesheet" type="text/css" href="CSS/main.css" media="screen and (min-device-width: 800px)" />

<!-- Tablet pc -->
<link rel="stylesheet" type="text/css" href="CSS/tablet.css" media="screen and (min-device-width: 481px) and (max-device-width: 799px)" />

<!-- Mobile -->
<link rel="stylesheet" type="text/css" href="CSS/mobile.css" media="only screen and (max-device-width: 480px)" />

<!-- If is lower than IE9 use conditional comments -->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="CSS/main.css" media="all" />

Это в случае, если IE не работает: http://www.abovethefold.co.uk/blog/2008/09/23/css-ie7-compatibility-and-wordpress-updates/

И даже таблица, которая объясняет эти проблемы: http://caniuse.com/css-mediaqueries

Answer 3

Попробуйте установить ширину основного раздела на 74,99%

#main {
     width: 74.99%
}