Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS] выравнивание блока по нижнему краю контента / 16 сообщений из 16, страница 1 из 1
02.10.2012, 16:51:40
    #37980618
yarnik
yarnik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS] выравнивание блока по нижнему краю контента
надо выровнять блок (желтый) по нижнему краю динамического контента, как такое можно осуществить методом CSS ?

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

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

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

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

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

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

через javascript.

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

yarnikв моем последнем сообщении есть вложенный файл макета
Я файлы не качаю...
Твою проблему можно проиллюстрировать простеньким примером и так. Как например я в нескольких недавних темах...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS] выравнивание блока по нижнему краю контента / 16 сообщений из 16, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 501ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449101]:
 0ms
get settings:
 8ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 175ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 68ms
get tp. blocked users:
 1ms
others: 207ms
total:  501ms
x
x
Закрыть


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