IE7: плавающие div, очищающие текст - PullRequest
Новая
       15

IE7: плавающие div, очищающие текст

0 голосов
/ 16 ноября 2010

У меня есть div, содержащий несколько div и текст.Внутренние элементы div поочередно перемещаются влево и вправо, и текст проходит вдоль них во всех браузерах (включая IE8), кроме IE7.В IE7 текст перемещается вниз, так что он выравнивается по верху последнего внутреннего элемента div.Я испробовал всевозможные решения и прочитал хорошую статью на эту тему

Однако я все еще не могу предотвратить очистку текста в IE7.Вот соответствующий HTML-код (обратите внимание, что этот div вложен в таблицу HTML с указанной шириной, поскольку он является устаревшим сайтом. Я пытался извлечь div из таблицы, но в любом случае происходит то же самое): 

<div>
    <div class="left"></div>
    <div class="right"></div>
    Text goes here
    <br />
    Text goes here
</div>

И CSS: 

.left { float:left; }
.right { float: right;}

Я пытался применить display: inline, display: inline-block, clear: none, overflow: hidden, указание ширины, положение: относительно содержащего div, различныетакие хаки, как условный IE7 с увеличением: 1, минимальная ширина: 1% - в основном, это несколько часов, чтобы выдернуть мои волосы и найти ответы в Google, но я не нашел ничего подходящего.Кто-нибудь сталкивался с этой проблемой раньше и получил ее решение?

(для тестирования я запускаю IE8 в режиме совместимости в Vista)

1 Ответ

1 голос
/ 17 ноября 2010

Я уверен в головной боли, которую приносит IE7. Слава Богу, что он намного лучше, чем IE6, но во многих ситуациях это было головной болью для меня

В этом случае я рекомендую генерировать специальный код IE7 с использованием таблиц!

...