ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS] выравнивание блока по нижнему краю контента
16 сообщений из 16, страница 1 из 1
[CSS] выравнивание блока по нижнему краю контента
    #37980618
Фотография yarnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yarnik
Участник
надо выровнять блок (желтый) по нижнему краю динамического контента, как такое можно осуществить методом CSS ?

схему прилагаю
...
Рейтинг: 0 / 0
02.10.2012, 16:51:40
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #37980627
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
position: absolute
?
...
Рейтинг: 0 / 0
02.10.2012, 16:55:11
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #37980680
Фотография yarnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yarnik
Участник
все равно не получается
...
Рейтинг: 0 / 0
02.10.2012, 17:21:01
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #37980683
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
http://htmlbook.ru/css/position если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.
...
Рейтинг: 0 / 0
02.10.2012, 17:23:04
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #37980688
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
yarnik,

а так?
...
Рейтинг: 0 / 0
02.10.2012, 17:24:33
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #37980691
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
Но если контент короткий будет залазить на верхний блок
...
Рейтинг: 0 / 0
02.10.2012, 17:27:18
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #37981036
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
SharuPoNemnoguНо если контент короткий будет залазить на верхний блок
Таки поставить "ограничитель" для контента. Пусть не будет коротким...
...
Рейтинг: 0 / 0
02.10.2012, 23:03:10
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #37981037
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
yarnikсхему прилагаю
Левый и правый прямоугольники всегда одного размера?
...
Рейтинг: 0 / 0
02.10.2012, 23:04:27
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #37981594
Фотография yarnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yarnik
Участник
ширина одна и таже, а высота разная
...
Рейтинг: 0 / 0
03.10.2012, 12:17:57
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #37981710
Фотография yarnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yarnik
Участник
SharuPoNemnogu, спасибо.

Выучил новое.
внес кое какие изменения в код, а именно:
сделал float:left вместо display: inline-block;, потому что из за enter-ов между блоками было растояние (да и код меньше стал на пару байт)

Вообщем конечный вариант прикрепляю.
...
Рейтинг: 0 / 0
03.10.2012, 13:02:33
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #37981804
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
yarnik,

Ну я ж не знаю как там у Вас все реализовано, поэтому сделал через inline-block, а так сам флоатами прользуюсь (кстати пробелы убираются если через display)
...
Рейтинг: 0 / 0
03.10.2012, 13:40:14
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #38039511
Фотография yarnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yarnik
Участник
появилась проблемка. прошу помощи вновь.
блоки те что с лева действительно бывают как короткие, так и длинные.
и вот когда они длинные они залазят друг на друга.
какое то время вопрос решался min-height:1000px; для главного блока, но когда везде минимум текста, смотрится очень грустно.
как возможно решить вопрос чтоб блоки друг на друга не залазили?
...
Рейтинг: 0 / 0
15.11.2012, 12:37:28
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #38039797
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
yarnik , пора тебе делать тестовые примеры...
...
Рейтинг: 0 / 0
15.11.2012, 14:24:29
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #38040131
Фотография yarnik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yarnik
Участник
krvsa,
пример чего?
в моем последнем сообщении есть вложенный файл макета.
- увеличиваем левые 2 блока, видим как они налазят друг на друга
- или уменьшаем высоту среднего блока имеем тот же результат.

проблема ведь описана достаточно полно, как мне кажется ;)
...
Рейтинг: 0 / 0
15.11.2012, 17:07:48
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #38040400
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
yarnik,

через javascript.

высчитываем высоту обоих блоков и делаем высоту среднего блока равной сумме высот тех двух + пару пикселей.
...
Рейтинг: 0 / 0
15.11.2012, 19:23:02
| Ответить | Цитировать | Написать  
[CSS] выравнивание блока по нижнему краю контента
    #38040508
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
yarnikпример чего?
Твоей проблемы...

yarnikв моем последнем сообщении есть вложенный файл макета
Я файлы не качаю...
Твою проблему можно проиллюстрировать простеньким примером и так. Как например я в нескольких недавних темах...
...
Рейтинг: 0 / 0
15.11.2012, 21:15:23
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS] выравнивание блока по нижнему краю контента
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37980691&tid=1449101]:
 0ms
get settings:
 7ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 181ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 52ms
get tp. blocked users:
 2ms
others: 210ms
total:  486ms
созд. / загр.: 486ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]