Как расположить один див строго справа другого?

objMihail, 84 просмотра

float:left помогает только если правый див меньше или равен левому, а если больше - текст правого дива начинает переноситься под левый.
Попробовал стиль display:table-cell для правого дива. Всё заработало, но только в фаерфоксе, а в IE стиль не заработал.
Помогите, плиз, как это лечится в IE?

Вот работающий код для фаерфокса и не работающий для IE:

<div style="float:left">
Левая ячейка
</div>

<div style="display:table-cell">
Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка
</div>

Примечание:
Попробовал назначить правому диву margin-left, но в IE его требуется на пару пикселей больше делать.

Примечание:
Ну получается вот так вот:

Левая ячейкаПравая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка Правая ячейка

width дивов задавать не могу, потому что не знаю их.

Примечание:
В моём случае table пнул див, причем хорошенько так :)

Примечание:
По высоте ячейки тоже не известны. Сейчас сделал на table, всё работает нормально.

Ответы:

Web

Что-то вы странное говорите. С float-left, дивы переноситься должны, а не залезать друг под друга.
<div style="width: 33%; float: left; "> </div> <div style="width: 34%; float: left; "> </div>

Без имени

> Попробовал назначить правому диву margin-left, но в IE его требуется на пару пикселей больше делать.

Fiddle

У вас контейнер смещается не из-за ширины, а из-за высоты.
Вы по высоте знаете правые ячейки? вставьте hidden объект, в первый див или на крайняк можно <br> навставлять. то есть получится что-то типа:
<div style="float:left">
<div>Левая ячейка</div>
<span>
&nbsp<br>
<br>
.../*необходимое количество*/
<br>
</span>
</div>

16 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.