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

23.10.2011, 15:46

#1

OrlandO

Любитель

Пол: Мужской

Адрес: Киев

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

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

Сообщений: 796

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

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

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

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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

23.10.2011, 22:15

#2

QuaSwa

Любитель

Пол: Мужской

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

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

Сообщений: 254

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

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

align = 'right', не?

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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

OrlandO (25.10.2011)

25.10.2011, 01:48

#3

OrlandO

Любитель

Пол: Мужской

Адрес: Киев

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

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

Сообщений: 796

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

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

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

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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

25.10.2011, 03:30

#4

QuaSwa

Любитель

Пол: Мужской

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

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

Сообщений: 254

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

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

Цитата:

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

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

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

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

25.10.2011, 15:04

#5

dkameleon

Пол: Мужской

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

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

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

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

награды

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

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

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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>

Примерно так

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

Создай 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>

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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

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 дивом

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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

OrlandO (12.02.2012)

05.01.2015, 18:41

#9

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

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

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

Сообщений: 7

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

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

Цитата:

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

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

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

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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;}

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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

06.01.2015, 19:33

#11

alexandrkyzn

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

Пол: Мужской

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

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

Сообщений: 8

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

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

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

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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;
}

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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;
}

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

__________________

Реклама: FoxMixer — надежный, проверенный временем биткоин миксер

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