Вопрос от новичка

A9
На сайте с 08.03.2014
Offline
0
418

Знатоки, помогите.

<div id="1" style="text-align: center">

<div id="2" style="">

</div>

<div id="3" style="float: right">

</div>

</div>

Див 2 и 3 распологаются в одну строчку. Как сделать, чтобы див 2 был ровно по середине дива 1, а не смещался левее середины из-за дива 3. Без margin, если можно.

G5
На сайте с 26.02.2013
Offline
32
#1

Смотри, если я тебя правильно понял - как вариант в этом месте можно использовать небольшую таблицу:

<div id="1" style="text-align: center">

<table><tr>

<td><div id="2" style=""></div></td>

<td><div id="3" style=""></div></td>

</tr></table>

</div>

float: right для див 3 при этом использовать не нужно.

B
На сайте с 17.04.2010
Offline
97
#2

ghost_597, твой вариант не выравнивает див2 по центру див1

---------- Добавлено 09.03.2014 в 00:42 ----------

Alexandr987, а в вашем случае див3 может не заходить за границы див1?

Делаю лендинги и не только. Маркетолог. Обучаю. Ответы на вопросы по Elementor (/ru/forum/1015634). Можно стучаться мне прямо в ВК (https://vk.com/valeost). Ничего не продаю, не навязываю
vitmar
На сайте с 06.11.2012
Offline
14
#3

если я правильно понял вашу задачу, то

<div id="div1" style="position:relative; text-align: center;">

<div id="div2" style=""></div>
<div id="div3" style="position:absolute; top:0; right:0;"></div>
</div>
maldivec
На сайте с 04.11.2008
Offline
160
#4

Во первый, более точно опишите задачу.

Во вторых, в представленной вами размете блоки в одну строку не могут быть, будут один под другим.

В третьих, чем margin вам не угодил?

Лучше кусок боевого кода сюда выложите, иначе ничего не понятно и нам и вам.

A9
На сайте с 08.03.2014
Offline
0
#5

Всем спасибо. Поставил margin, решил не заморачиваться.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий