[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Прибить div к правому краю окна
Страницы: 1, 2
zvezda_t
Всем привет!
Помогите, пожалуйста!
<div style="width:2000px">
<div>

Текст слева 1
<div title="этот нужно прибить к правому краю окна">
</div>
</div>
<div>

Текст слева 2
<div title="этот нужно прибить к правому краю окна">
</div>
</div>
</div>


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
VeRTak
zvezda_t

Float и width в процентах в помощь
zvezda_t
VeRTak
Родитель шире окна браузера, проценты не помогают(

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
VeRTak
zvezda_t Я ничего не понимаю)))) Что мешает сделать родительский див 100%?
Kusss
<div style="width:2000px;">
<div
style="position:relative;">
Текст слева 1
<div title="этот нужно прибить к правому краю окна" style="position:absolute;right:0;top:0;border:1px solid red;">
1
</div>
</div>
<div
style="position:relative;">
Текст слева 2
<div title="этот нужно прибить к правому краю окна" style="position:absolute;right:0;top:0;border:1px solid red;">
2
</div>
</div>
</div>
Не правильно в первый раз сделал.
zvezda_t
VeRTak
Нельзя, там верстка выстраивалась другой командой и слишком закручена.

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
VeRTak
zvezda_t


Так что ли?https://jsfiddle.net/zy3gu8hL/. А нет не так. Сейчас переделаю
zvezda_t
Kusss
В этом варианте к правой стороне родителя уйдет, а мне надо к правой стороне окна браузера.( и нужно сдвинуть div с title, а не тот что в вашем примере)

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
VeRTak
zvezda_t

оно?
VeRTak
zvezda_t

Запутался с этими лево право, все в одно сливается laugh.gif

Теперь точно оно

https://jsfiddle.net/zy3gu8hL/4/

Прощу прощения нету ссылку скопировал.
zvezda_t
VeRTak
Почти) vw в ie10 не работает(

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
VeRTak
zvezda_t

Цитата (VeRTak @ 11.07.2017 - 10:46)
https://jsfiddle.net/zy3gu8hL/4/

Прощу прощения нету ссылку скопировал.



VeRTak
Цитата (zvezda_t @ 11.07.2017 - 10:47)
vw в ie10 не работает(


Определяйте размер окна тогда на js и вставляйте в style и все будет
Kusss
<div style="width:2000px;">
<div
style="position:relative;width:100vw;">
Текст слева 1
<div title="этот нужно прибить к правому краю окна" style="position:absolute;right:30px;top:0;border:1px solid red;">
1
</div>
</div>
<div
style="position:relative;width:100vw;">
Текст слева 2
<div title="этот нужно прибить к правому краю окна" style="position:absolute;right:30px;top:0;border:1px solid red;">
2
</div>
</div>
</div>
В хроме пашет
VeRTak
Kusss

position не всегда есть удобно. К тому же действительно vw не работает в ie
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.