Jump to content

maximt

Newbie
  • Posts

    4
  • Joined

  • Last visited

Everything posted by maximt

  1. есть div с фиксированными высотой и шириной. внутри 3 дива - заголовок, контент, футер. <div class="container"> <div class="header"> title </div> <div class="content"> item content </div> <div class="footer"> toolbar </div> </div> нужно сделать, чтобы футер был снизу, а контент занимал все свободное пространство между заголовком и футером. прижал футер к низу так: .container{ position:relative; } .footer{ position: absolute; bottom: 0; } но с контентом не могу сообразить как.. upd забыл один важный момент: div с контентом должен быть с overflow:hidden. т.е. содержимое дива не должно растягивать див-контейнер.
  2. помогло, спасибо
  3. делаю заготовку галереи. задумка такая, div-контейнер с width=100% растягивается на всю ширину страницы. внутри контейнера div-wapper с img. картинок очень много и все, что не влезло в контейнер должно скрыться с помощью overflow:hidden .slide_container { border:1px solid #DDDDDD; overflow:hidden; width:100%; } .slide_wrapper { white-space: nowrap; } <div class="slide_container"> <div class="slide_wrapper"> <img src="/1_image.jpg" alt=""> <img src="/2_image.jpg" alt=""> <img src="/3_image.jpg" alt=""> <img src="/4_image.jpg" alt=""> <img src="/5_image.jpg" alt=""> <img src="/6_image.jpg" alt=""> <img src="/7_image.jpg" alt=""> <img src="/8_image.jpg" alt=""> <img src="/9_image.jpg" alt=""> <img src="/10_image.jpg" alt=""> </div> </div> пример работает. но когда встроил его в шаблон кмс, наткнулся на проблему - перестает работать внутри таблицы.. div-контейнер оборачивает весь wrapper, отображая все картинки, что не влезли, и растягивает таблицу <table width="100%" > <tr> <td>left</td> <td> center <div class="slide_container"> <div class="slide_wrapper"> <img src="/1_image.jpg" alt=""> <img src="/2_image.jpg" alt=""> <img src="/3_image.jpg" alt=""> <img src="/4_image.jpg" alt=""> <img src="/5_image.jpg" alt=""> <img src="/6_image.jpg" alt=""> <img src="/7_image.jpg" alt=""> <img src="/8_image.jpg" alt=""> <img src="/9_image.jpg" alt=""> <img src="/10_image.jpg" alt=""> </div> </div> </td> <td>right</td> </tr> </table> подскажите как выкрутиться? переверстать шаблон - нельзя
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy