Форум hotibo.ru

Бизон · #1 18.10.2010 15:55

Вот такой глубокий вопрос: а как прижать один блок к низу внешнего блока при условии что высота обоих неизвестно? Насколько я понял, это невозможно вообще, все приемы рассчитаны на известную высоту прижимаемого блока. Между тем, таблицы использовать совсем не хочется. Неужели css никак не решает эту проблему?

alemiks · #2 18.10.2010 17:29

если высота обоих блоков неизвестна, то она формируется содержимым
если она формируется содержимым, то самый последний внутренний блок и будет прижатым к низу )))

Бизон · #3 18.10.2010 17:37

Верно, да не всегда. А если блок - ячейка таблицы, высота которой зависит от высоты большей ячекки таблицы? Причем внешняя таблица - таблица по смыслу, т.е. без нее не обойтись, а вот внутри делать только для выравнивания еще таблицу не хочется.

Да и потом. Ну известна нам положим высота внешнего блока. Что с того? Высота прижимаемого же не ясна, отрицательный маргин не покатит.

alemiks · #4 18.10.2010 18:56

Бизон написал:

Ну известна нам положим высота внешнего блока. Что с того? Высота прижимаемого же не ясна, отрицательный маргин не покатит.

а что мешает абсолютно позиционировать блок внутри контейнера с bottom:0 ?

Бизон · #5 18.10.2010 22:43

Ну сдрасти. Абсолютное позиционирование у нас относительно чего? Относительно экрана, кабы оно было относительно внешнего контейнера, жизнь была бы не такой интересной .

alemiks · #6 19.10.2010 01:05

Бизон написал:

Ну сдрасти.

ну ПРЕВЕД
идем на w3 и читаем, читаем

Бизон · #7 19.10.2010 20:57

А ЙА МЕДВЕД. Медведы спецификации не читают, зато умеют по клавиатуре стучать, вводим:

И видем зеленый квадратик внизу экрана. И как такое произошло...

Бизон · #8 19.10.2010 21:07

Хотя я вам наврал. Если внешний блок спозиционировать абсолютно, то внутренний встанет куда надо. Тока вот в моем случае все равно это не особо поможет, не могу же я все под абсолютное позиционирование переписать.

Спасибо, если удачно будет видно во всех браухзерах, буду использовать для тех же подвалов.

Отредактированно Бизон (19.10.2010 21:13)

alemiks · #9 19.10.2010 23:59

Бизон написал:

Тока вот в моем случае все равно это не особо поможет, не могу же я все под абсолютное позиционирование переписать.

а для контейнера не обязательно абсолютное позиционирование использовать, можно относительное или фиксированное

MT · #10 20.10.2010 14:58

Отредактированно MT (20.10.2010 14:59)

Бизон · #11 20.10.2010 16:43

Ммм, еще более заманчиво. Пасибки вам огромное, попробую разрешить так проблему со своей таблицой.

Кстати по поводу подвала сайта вот какой способ придумал. Проверил в ИЕ, Опере и лисе, вроде норм, правда, пока ничего серьезного не верстал таким образом. Способ, пожалуй, кажется более логичным, чем с отрицательным маргином.

Код:

  
    







    Some text inside... Some text inside... Some text inside... Some text inside... Some text inside...
    Some text inside... Some text inside... Some text inside... Some text inside... Some text inside...
    Some text inside... Some text inside... Some text inside... Some text inside... Some text inside...
    
  
  There is a footer

Что скажете по поводу способа? Можно применять?

MT · #12 20.10.2010 17:57

Бизон:
Способ придуман задолго до вас. ;-)
Применять можно, но отрицательные поля предпочтительнее/надёжнее в контексте некоторых проблем IE с абсолютно позиционированными блоками.

Бизон · #13 21.10.2010 12:31

Я не претендую на жзвание первооткрывателя этого способа, но на этом сайте в статье про подвал способ описан не был, поэтому и привожу.

А какие перолблемы ИЕ могут возникнуть? На первый взгляд там все выглядит вполне культурно.

MT · #14 21.10.2010 15:00

Абсолютно позиционированный блок может ни с того, ни с сего при очередной загрузке страницы съехать вверх, наехав, например на контент. При обеспечении включения свойства hasLayout путём явного указания одного из измерений родительского блока (относительного которого позиционируется дочерний блок) подобные проблемы, по идее, проявляться не должны, однако применения абсолютного позиционирования без острой нужды, тем не менее, следует по возможности избегать.

Отредактированно MT (21.10.2010 15:00)

Бизон · #15 21.10.2010 17:15

MT, спасибо, в целом, понятно, жаль, что такая мощная вещь так плохо поддерживается. По мне так использоватьь абсолютное позиционирование куда проще, чум мудрить с float например.

Кстати с таблицами моими так и не прокатило, все блоки, что должны прижиматься к низу, оказывались у низа первой строки таблицы . Плюнул на это и переделал по-другому.

Форум hotibo.ru

#1 18.10.2010 15:55

Прижать элемент к низу блока

#2 18.10.2010 17:29

Re: Прижать элемент к низу блока

#3 18.10.2010 17:37

Re: Прижать элемент к низу блока

#4 18.10.2010 18:56

Re: Прижать элемент к низу блока

Бизон написал:

#5 18.10.2010 22:43

Re: Прижать элемент к низу блока

#6 19.10.2010 01:05

Re: Прижать элемент к низу блока

Бизон написал:

#7 19.10.2010 20:57

Re: Прижать элемент к низу блока

#8 19.10.2010 21:07

Re: Прижать элемент к низу блока

#9 19.10.2010 23:59

Re: Прижать элемент к низу блока

Бизон написал:

#10 20.10.2010 14:58

Re: Прижать элемент к низу блока

#11 20.10.2010 16:43

Re: Прижать элемент к низу блока

Код:

#12 20.10.2010 17:57

Re: Прижать элемент к низу блока

#13 21.10.2010 12:31

Re: Прижать элемент к низу блока

#14 21.10.2010 15:00

Re: Прижать элемент к низу блока

#15 21.10.2010 17:15

Re: Прижать элемент к низу блока

Board footer