Как выровнять 2 DIVа по правому краю - HTML & Веб-Дизайн | MMGP
Пользователей
2281
на сайте
Зарегистрированных
438,750
пользователей
Создано
509,532
тем
Написано
12,796,760
сообщений
Присоединяйтесь к нашему инвестиционному форуму, на котором уже 438,750 пользователей. Чтобы получить доступ ко многим закрытым разделам и начать общение -  .
Вход через:  
Обсуждение веб-дизайна. Здесь можно получить помощь по вопросам HTML/CSS и т.д.
При поддержке
Сеть доставки контента, выбранная космическими агентствами
Важная информация
Есть опыт работы с криптовалютами? Заведи Крипто-Блог и заработай на нём!
Торгуешь криптовалютой? Оставь свой отзыв о бирже!
Уважаемый гость, Новогодняя поздравительная эстафета уже стартовала, успей поздравить форумчан с наступающими праздниками подробнее...
Разбираешься в криптовалюте? Прими участие в акции Крипторайтер 2.0 (2-10 поинтов за 1000 символов)
Изменения в акции "Оплата за сообщения".
Как на одной публикации заработать $100
Ответить
 
Первый пост Опции темы
Сообщения прочитаны и/или просмотрены Сегодня, 11:40
Старый 23.10.2011, 16:46
#1
Любитель
 
Пол: Мужской
Адрес: Киев
Инвестирую в: Свой бизнес
Регистрация: 17.05.2007
Сообщений: 752
Благодарностей: 87
УГ: 0
КП: 0.152
Как выровнять 2 DIVа по правому краю

Есть 2 блока DIV, которые находятся сразу один под одним, как сделать так, чтобы они всегда выравнивались по правому краю? Функцией float они выравниваются по правому краю, но один за одним, то есть один блок выравнивается по правому краю, а второй по левому этого блока, а не таблицы!!!
OrlandO вне форума  
Старый 23.10.2011, 23:15
#2
Любитель
 
Пол: Мужской
Инвестирую в: Свой бизнес
Регистрация: 23.10.2011
Сообщений: 215
Благодарностей: 59
УГ: 0
КП: 0.000
Re: Как выровнять 2 DIVа по правому краю

align = 'right', не?
QuaSwa вне форума  
Сказали спасибо:
OrlandO (25.10.2011)
Старый 25.10.2011, 02:48
#3
Любитель
 
Пол: Мужской
Адрес: Киев
Инвестирую в: Свой бизнес
Регистрация: 17.05.2007
Сообщений: 752
Благодарностей: 87
УГ: 0
КП: 0.152
Автор темы Re: Как выровнять 2 DIVа по правому краю

))) это было бы сильно просто, но к сожалению в стилях css не существует такой команды, выравнивание там происходит либо за счет позиционирования либо же за счет команды float!
OrlandO вне форума  
Старый 25.10.2011, 04:30
#4
Любитель
 
Пол: Мужской
Инвестирую в: Свой бизнес
Регистрация: 23.10.2011
Сообщений: 215
Благодарностей: 59
УГ: 0
КП: 0.000
Re: Как выровнять 2 DIVа по правому краю

Цитата:
Сообщение от OrlandO Посмотреть сообщение
))) это было бы сильно просто, но к сожалению в стилях css не существует такой команды, выравнивание там происходит либо за счет позиционирования либо же за счет команды float!
может легче их в таблицу засунуть? можно кусок кода глянуть.
QuaSwa вне форума  
Старый 25.10.2011, 16:04
#5
Модератор
 
Пол: Мужской
Инвестирую в: Свой бизнес
Регистрация: 14.12.2006
Сообщений: 4,233
Благодарностей: 3,801
УГ: 1
подарки
награды Ветеран MMGP.RU Волшебный горшочек 
Re: Как выровнять 2 DIVа по правому краю

если у блоков фиксированная ширина, то margin-left: auto;
dkameleon вне форума  
Старый 26.10.2011, 02:26
#6
Любитель
 
Имя: Станислав
Пол: Мужской
Инвестирую в: Свой бизнес
Регистрация: 17.06.2010
Сообщений: 136
Благодарностей: 12
УГ: 0
КП: 0.016
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>

Примерно так
mzcoding вне форума  
Сказали спасибо:
OrlandO (24.11.2011)
Старый 23.11.2011, 21:05
#7
Интересующийся
 
Регистрация: 18.11.2011
Сообщений: 6
Поблагодарили: 1 раз
УГ: 0
КП: 0.000
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>
Savchenko Nikita вне форума  
Сказали спасибо:
OrlandO (24.11.2011)
Старый 24.12.2011, 17:52
#8
Интересующийся
 
Пол: Мужской
Регистрация: 24.12.2011
Сообщений: 4
Благодарностей: 3
УГ: 0
КП: 0.000
Re: Как выровнять 2 DIVа по правому краю

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

окутать его 3 дивом
CUBICK вне форума  
Сказали спасибо:
OrlandO (12.02.2012)
Старый 05.01.2015, 18:41
#9
Интересующийся
 
Регистрация: 05.01.2015
Сообщений: 6
Благодарностей: 0
УГ: 0
КП: 0.000
Re: Как выровнять 2 DIVа по правому краю

Цитата:
Сообщение от OrlandO Посмотреть сообщение
))) это было бы сильно просто, но к сожалению в стилях css не существует такой команды, выравнивание там происходит либо за счет позиционирования либо же за счет команды float!
Попробуйте в css создать свой класс, например QQQ, в нем пропишите right. А потом в диве укажите этот класс
Максим Таранов вне форума  
Старый 06.01.2015, 17:03
#10
Любитель
 
Имя: Андрей
Пол: Мужской
Инвестирую в: Свой бизнес
Регистрация: 18.07.2012
Сообщений: 204
Благодарностей: 86
УГ: 1
КП: 0.079
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;}
ibee вне форума  
Старый 06.01.2015, 19:33
#11
Интересующийся
 
Пол: Мужской
Инвестирую в: Стартапы
Регистрация: 21.12.2014
Сообщений: 6
Благодарностей: 0
УГ: 0
КП: 0.000
Re: Как выровнять 2 DIVа по правому краю

Присвоить каждому:
style="float:right"
alexandrkyzn вне форума  
Старый 15.01.2015, 17:40
#12
Интересующийся
 
Регистрация: 15.01.2015
Сообщений: 31
Благодарностей: 3
УГ: 0
КП: 0.000
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
Сообщений: 21
Поблагодарили: 1 раз
УГ: 0
КП: 0.000
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;
}
Этот вариант должен точно заработать.
Хеймдалль Ас вне форума  
Ответить
Войдите, чтобы оставить комментарий.
Сообщения прочитаны и/или просмотрены Сегодня, 11:40
Опции темы

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


Случайные темы
Аватар HMass
Играете ли вы в азартные игры?
От HMass в разделе «Знакомства и встречи»
Аватар NikitinM
Thinger – социальная сеть для умных вещей
От NikitinM в разделе «Новости в мире финансов и инвестиций»
Аватара нет
Японизируй себя
От silver666 в разделе «Юмор»
Аватара нет
noginskreklama.ru - Автовыплаты!Работа есть!Много кликов!
От corp11 в разделе «Список проблемных/неактивных/закрытых программ»
Аватар bestmon
Fattoria.su Верну 100% Рефбек!
От bestmon в разделе «Архив: Реферальные и страховые предложения»
.     
Пользователей
438,750
Тем
509,532
Сообщений
12,796,760

mmgp.telegram