|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
19.01.2010, 18:09 | #1 |
Пользователь
Регистрация: 17.01.2010
Сообщений: 14
|
Опустить блок вниз
По-моему, это уже обсуждалось, но все равно не знаю как.
Есть блок (инфа о пользователе), в нем другой блок (адрес почты), нужно опустить его на дно первого блока. div.post-contacts { position: relative; margin-bottom: 0px; border-top-style: dashed; border-top-width: 1px} ???????? Не знаю, что писать. Команды float: bottom, насколько я понял, не существует. |
20.01.2010, 10:37 | #2 |
Пользователь
Регистрация: 11.11.2009
Сообщений: 66
|
bottom: 0px; Но это если абсолютный блок будет
Последний раз редактировалось cooperOk; 20.01.2010 в 11:03. |
20.01.2010, 16:59 | #3 |
Пользователь
Регистрация: 17.01.2010
Сообщений: 14
|
Ну вроде что-то...
Только верхний блок погружен еще в один блок (три блока всего: первый (общий) включает второй (инфа о польз.), второй включает третий (почта)). И мне нужно динамически растянуть второй блок, чтобы он занял почти все пространство первого... height: 100%; не работает |
20.01.2010, 17:23 | #4 |
Eclipse Foundation
Старожил
Регистрация: 19.09.2007
Сообщений: 2,604
|
Нарисуй как должен выглядеть блок в браузере.
А, я понял, как решить твою проблему. Делаешь так Код:
Последний раз редактировалось MaTBeu; 20.01.2010 в 17:29. |
20.01.2010, 17:41 | #5 | |
Пользователь
Регистрация: 11.11.2009
Сообщений: 66
|
Цитата:
|
|
20.01.2010, 18:59 | #6 |
Пользователь
Регистрация: 17.01.2010
Сообщений: 14
|
MatBeu
Yes! Вроде, получилось. PS А что за clear:both? Что она делает? |
20.01.2010, 22:17 | #7 |
Пользователь
Регистрация: 17.01.2010
Сообщений: 14
|
Вообще-то, еще не ес. Блок расположился так, что он стыкуется с четвертым соседним блоком справа, ВЫТЕСНЯЯ его (располагается в шахматном порядке относительно его), а мне нужно фактически, чтобы он ПЕРЕКРЫВАЛ его (т.е. располагался слева в одной линии с ним).
|
21.01.2010, 12:02 | #8 |
Eclipse Foundation
Старожил
Регистрация: 19.09.2007
Сообщений: 2,604
|
clear: both запрещает ообтекание справа и слева. То есть если у тебя один блок с float: left, а второй с float:right, они располагаются на одном уровне, один справа, а второй слева. Если одному из них поставить clear:both, то он опустится вниз, потому что его с другой стороны обтекает второй.
По поводу проблемы. Нарисуй как оно должно быть. |
21.01.2010, 18:03 | #9 |
Пользователь
Регистрация: 17.01.2010
Сообщений: 14
|
Мне сложно нарисовать. Здесь чужая работа (GNU) и масса всяких блоков (часть я уже удалил вчера): CSS + PHP, черт ногу сломит...
На практике меня уже почти устраивает и так. Вопрос чисто теоретический: Есть четыре блока (A-белый, пустой; B-черный, заполненный; C-белый, пустой; D-черный-заполненный), распределенных в шахматном порядке. Как дать одному черному блоку по голове, чтобы он опустился вниз, чтобы внизу квадрата была черная линия, а вверху белая? Проблема, видимо, в том, что второй черный блок слева внизу мешает и не дает другому опуститься вниз. Clear ему я уже пытался менять. Последний раз редактировалось Darkstar100; 21.01.2010 в 18:09. |
21.01.2010, 18:15 | #10 |
Eclipse Foundation
Старожил
Регистрация: 19.09.2007
Сообщений: 2,604
|
Поставь clear:left или clear:right, в зависимости от того, где находится нижний черный блок.
Получится вот так Блок А - clear: none; Блок B - clear: left; Блок C - clear: none; Блок D - clear: right; запрет на обтекание у блоков B и D меняется в зависимости от того, с как они располагаются относительно друг друга. |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Опустить див вниз с флоатом | rewiaca | HTML и CSS | 12 | 22.01.2010 13:09 |
первый блок должен заливать весь фон, а второй блок блок выводить сплошную горизонтальную балку | SanBorisych | HTML и CSS | 2 | 12.01.2010 17:42 |
Richedit ScrollBar вниз | KoBRaAndrey | Общие вопросы Delphi | 4 | 03.01.2010 20:10 |
При старте страницы, опустить полосу прокрутку вниз | _PROGRAMM_ | JavaScript, Ajax | 0 | 27.12.2009 18:45 |
RichEdit опускание вниз | KoBRaAndrey | Общие вопросы Delphi | 8 | 04.12.2009 23:43 |