Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > css расположить элемент внизу.....


Автор: patt 5.2.2007, 17:30
Есть див, который тянеться вниз, в зависимости от контента, как сделать так, чтоб картинки были всегда внизу?



         -------------------------------------------------------
         |                                                                   |
         | -----------          --------------------                 |
         | |            |         |                       |                 |
         | | карт1  |         |    text            |                  |
         | |            |         |___________|                  |
         | |______|                     _______                 |
         |                                    |             |                |
         |                                    |  карт2 |                 |
         |                                    |______|                  |
         |                                                                    |
         |__________________________________|


Вот такая структура, как сделать, чтоб карт1 и карт2 были всегда внизу?

Автор: japanes 5.2.2007, 17:35
фоном их уложить и выровнять по нижнему борту

Автор: Nuxx 5.2.2007, 17:42
Код

<div>text text text text</div>
<img src="./pict1.jpg" alt="Картинка 1" />
<img src="./pict2.jpg" alt="Картинка 2" />

Автор: patt 5.2.2007, 17:42
а если не фоном??? чтоб юсер мог сохранить картинку, показывался alt и тд.......

Автор: SelenIT 5.2.2007, 17:49
Как вариант - диву задать position:relative, а картинкам, соответственно - position:absolute; bottom: 0.

Автор: patt 5.2.2007, 17:57
Пробовал, но блок тянеться в блоке text, а позиционирование будет относительно левого верхнего угла..... внешнего блока....

Автор: SelenIT 5.2.2007, 18:01
patt, так ведь на то и bottom: 0 (а не top), чтобы отвязаться от верха и привязаться к низу (еще и right есть, чтоб привязаться к правому краю). А позиционирование будет относительно ближайшего предка с position:relative (если это будет блок text - то относительно него).

Автор: patt 5.2.2007, 18:27
Точно !!! теперь всё заработало   smile  Спаибо, а то я уже начинал паниковать  smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)