У меня есть 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)