Изменение порядка двух DIV с помощью float - ошибка IE - PullRequest
0 голосов
/ 17 января 2012

Я хочу изменить порядок двух DIV с помощью css-float. Я не хочу / я не могу изменить их порядок в HTML, потому что это внешние данные. Следующий HTML делает это в Firefox, но выдает противоречивый вывод в IE:

<div style="display:inline">Berta</div>
<div style="float:left; display:inline">Albert</div>

в Firefox:

AlbertBerta

в IE:

BertaAlbert

Вопрос: есть ли способ получить Firefox-вывод также в IE? Мой пример делает это - но только в Firefox, а не в IE. В любом случае, спасибо за ответы.

Ответы [ 2 ]

0 голосов
/ 18 января 2012

Во-первых, используйте действительный тип документа.Вы можете придерживаться времени и использовать <!DOCTYPE html>.И во-вторых, как прокомментировал @RoToRa, float и inline не очень хороши.

Пусть они станут блочными элементами с display: block; (или, может быть, inline-block), а затем изменят числа с плавающей точкой.Первый к right, а второй к left (или наоборот).Это даже работает в IE.

0 голосов
/ 17 января 2012
<div style="float:left; display:inline">Albert</div>
<div style="display:inline">Berta</div>

Это может сработать .. Но нет проблем в IE9

Принять или проголосовать, если работает

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...