#html #css #internet-explorer-7
#HTML #css #internet-explorer-7
Вопрос:
У меня возникают трудности при попытке заставить IE7 вести себя как обычный браузер.
У меня есть пример HTML здесь: http://jsfiddle.net/6QSYM/4 / в большинстве браузеров это выглядит нормально, но при просмотре в IE7 вы можете видеть, что текст «Используемый сектор» сливается со строкой под ним.
Кто-нибудь может подсказать, как я могу это исправить?
Комментарии:
1. на самом деле это выглядит очень похоже на меня в ff4 и ie7 (оба довольно плохие). Вы говорите о перекрытии горизонтальных линий?
2. Для меня в Firefox 4 это выглядит нормально. Однако в IE 7 я вижу горизонтальную линию, проходящую через текст «Используемый сектор».
3. Какой-либо из ответов вам подходит? Если нет, пожалуйста, объясните, почему.
Ответ №1:
Я постоянно сталкиваюсь с этой проблемой! В компании, в которой я работаю, нам все еще приходится поддерживать IE7 (он когда-нибудь просто УМРЕТ!). Итак, лучшее решение, которое я нашел, — установить ширину для вашего none плавающего div. Это проблема, но именно поэтому IE знает, как рассчитать макет.
Ответ №2:
Попробуйте добавить:
clear:both;
для вашего .risk-statistic-container класса.
Ответ №3:
Попробуйте это:
семантика ваших HTML-элементов также повсюду. Для меня слишком много промежутков и разделов 🙂
Надеюсь, это поможет.
Комментарии:
1. проблема, с которой я сталкиваюсь с этим ответом, заключается в том, что 1) семантически верхний раздел не является списком, поэтому мне не нравится использовать
<ul>структуру, и 2) текст «Используемый сектор» выровнен по левому краю. Мне нужно, чтобы это выровнялось по правому краю. Спасибо за предложение, хотя2. Я думаю, если бы вы были строги в этом отношении. Они представляют собой логически связанную группировку, поэтому вы могли бы проявить гибкость. По большому счету, это не так уж и важно. Вам было бы лучше также удалить элементы <br />…