Как выровнять 2 DIVа по правому краю - HTML & Веб-Дизайн

23.10.2011, 15:46

#1

OrlandO

Любитель

Пол: Мужской

Адрес: Киев

Инвестирую в: Свой бизнес

Регистрация: 15.05.2007

Сообщений: 796

Благодарностей: 87

Как выровнять 2 DIVа по правому краю

Есть 2 блока DIV, которые находятся сразу один под одним, как сделать так, чтобы они всегда выравнивались по правому краю? Функцией float они выравниваются по правому краю, но один за одним, то есть один блок выравнивается по правому краю, а второй по левому этого блока, а не таблицы!!!

__________________

Бесплатные финансовые услуги

23.10.2011, 22:15

#2

QuaSwa

Любитель

Пол: Мужской

Инвестирую в: Свой бизнес

Регистрация: 22.10.2011

Сообщений: 254

Благодарностей: 35

Re: Как выровнять 2 DIVа по правому краю

align = 'right', не?

Сказали спасибо:

OrlandO (25.10.2011)

25.10.2011, 01:48

#3

OrlandO

Любитель

Пол: Мужской

Адрес: Киев

Инвестирую в: Свой бизнес

Регистрация: 15.05.2007

Сообщений: 796

Благодарностей: 87

Re: Как выровнять 2 DIVа по правому краю

))) это было бы сильно просто, но к сожалению в стилях css не существует такой команды, выравнивание там происходит либо за счет позиционирования либо же за счет команды float!

__________________

Бесплатные финансовые услуги

25.10.2011, 03:30

#4

QuaSwa

Любитель

Пол: Мужской

Инвестирую в: Свой бизнес

Регистрация: 22.10.2011

Сообщений: 254

Благодарностей: 35

Re: Как выровнять 2 DIVа по правому краю

Цитата:

Сообщение от OrlandO

))) это было бы сильно просто, но к сожалению в стилях css не существует такой команды, выравнивание там происходит либо за счет позиционирования либо же за счет команды float!

может легче их в таблицу засунуть? можно кусок кода глянуть.

25.10.2011, 15:04

#5

dkameleon

Пол: Мужской

Инвестирую в: Свой бизнес

Регистрация: 13.12.2006

Сообщений: 5,553

Благодарностей: 3,381

награды

Re: Как выровнять 2 DIVа по правому краю

если у блоков фиксированная ширина, то margin-left: auto;

26.10.2011, 01:26

#6

mzcoding

Любитель

Имя: Станислав

Пол: Мужской

Инвестирую в: Свой бизнес

Регистрация: 15.06.2010

Сообщений: 147

Благодарностей: 14

Re: Как выровнять 2 DIVа по правому краю

div style="float:right;border:1px solid;position:absolute; right:0px;">1</div>
<div style="float:right; border:1px solid; position:absolute; right:0px; top:30px;">2</div>

Примерно так

__________________

Создай CMS систему своими руками!

Сказали спасибо:

OrlandO (24.11.2011)

23.11.2011, 21:05

#7

Savchenko Nikita...

Интересующийся

Регистрация: 17.11.2011

Сообщений: 6

Благодарностей: 1

Re: Как выровнять 2 DIVа по правому краю

для float можно сделать разделитель

<div style="float:right">My text 1</div>
<div style="clear:both"></div>
<div style="float:right">My text 2</div>

Сказали спасибо:

OrlandO (24.11.2011)

24.12.2011, 17:52

#8

CUBICK

Интересующийся

Пол: Мужской

Регистрация: 23.12.2011

Сообщений: 5

Благодарностей: 3

Re: Как выровнять 2 DIVа по правому краю

<div style="float:right">
<div >My text 1</div>
<div>My text 2</div>
</div>

окутать его 3 дивом

Сказали спасибо:

OrlandO (12.02.2012)

05.01.2015, 18:41

#9

Максим Таранов

Интересующийся

Регистрация: 04.01.2015

Сообщений: 7

Благодарностей: 0

Re: Как выровнять 2 DIVа по правому краю

Цитата:

Сообщение от OrlandO

))) это было бы сильно просто, но к сожалению в стилях css не существует такой команды, выравнивание там происходит либо за счет позиционирования либо же за счет команды float!

Попробуйте в css создать свой класс, например QQQ, в нем пропишите right. А потом в диве укажите этот класс

06.01.2015, 17:03

#10

ibee

Любитель

Имя: Андрей

Пол: Мужской

Инвестирую в: Свой бизнес

Регистрация: 17.07.2012

Сообщений: 370

Благодарностей: 86

Re: Как выровнять 2 DIVа по правому краю

html:

<div class="wrapper">
<div class="block1">content</div>
<div class="block2">content</div>
</div>

css:

.wrapper {overflow:hidden;}
.wrapper > .block1 {width:300px;float:right;}
.wrapper > .block2 {width:300px;float:right;}

__________________

Профессиональная разработка HYIP | Есть проект на продажу | Баннера в подарок

06.01.2015, 19:33

#11

alexandrkyzn

Интересующийся

Пол: Мужской

Инвестирую в: Стартапы

Регистрация: 20.12.2014

Сообщений: 8

Благодарностей: 0

Re: Как выровнять 2 DIVа по правому краю

Присвоить каждому:
style="float:right"

15.01.2015, 17:40

#12

Владислава Григо...

Интересующийся

Регистрация: 14.01.2015

Сообщений: 32

Благодарностей: 3

Re: Как выровнять 2 DIVа по правому краю

Цитата:

Сообщение от ibee

html:

<div class="wrapper">
<div class="block1">content</div>
<div class="block2">content</div>
</div>

css:

.wrapper {overflow:hidden;}
.wrapper > .block1 {width:300px;float:right;}
.wrapper > .block2 {width:300px;float:right;}

Можно и так

<div id="blok1">Блок 1</div>
<div id="blok2">Блок 2</div>
<div id="blok3">Блок 3</div>

#blok1, #blok2, #blok3 {
width:150px;
height:50px;
}

19.01.2015, 16:48

#13

Хеймдалль Ас

Интересующийся

Регистрация: 19.01.2015

Сообщений: 22

Благодарностей: 1

Re: Как выровнять 2 DIVа по правому краю

Цитата:

Сообщение от Владислава Григорьева

Можно и так

<div id="blok1">Блок 1</div>
<div id="blok2">Блок 2</div>
<div id="blok3">Блок 3</div>

#blok1, #blok2, #blok3 {
width:150px;
height:50px;
}

Этот вариант должен точно заработать.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Срочно! Выровнять сайт и изменить назв. стр	TREXXv1	Сайтостроение: общий форум	1	16.12.2009 17:02