Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> привязка объекта к низу DIV 
:(
    Опции темы
stsorel
Дата 28.2.2009, 01:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 2.10.2008

Репутация: нет
Всего: нет



Здача такая:

есть DIV блок, с начальной висотой X и небольшим куском текста, в нем задан цвет фона, к низу блока привязана кнопка
при переполнении текстом блок розширяется по вертикали, вместе с кнопкой и фоном

как такое можно реализовать (без таблиц!!!)
PM MAIL   Вверх
MaXL
Дата 28.2.2009, 10:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Developer
**


Профиль
Группа: Участник
Сообщений: 380
Регистрация: 24.10.2005
Где: Владивосток

Репутация: нет
Всего: 2



Если я правильно понял условие, то:
делаем один слой. в нём прописываем нужный min-height, т.е. "начальную высоту X". Затём в нём делаем один слой для текста, у которого прописываем min-height равное min-height главного слоя, минус то, что будет отведено под кнопку. Ну и потом просто кнопку кидаем. Т.е. полуяается так:
Код

#bl {
        min-height: 300px; /* минимальная высота блока */
        width: 200px; /* ширина слоя */
        background: #cccccc; /* цвет фона главного слоя */
    }
    #b2 {
        min-height: 280px;
        background: #bbbbbb; /* цвет фона слоя с текстом */
    }

Код

<div id="bl">
    <div id="b2">
        <p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
        Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </p>
    </div>
    <input type="button" name="btn1" value="Button" />
</div>


Это сообщение отредактировал(а) MaXL - 28.2.2009, 10:13


--------------------
MaXL
PM MAIL   Вверх
ksnk
Дата 28.2.2009, 12:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Код

<!-- контейнер на 400 px ширины -->
<div  style="width:400px;">

<!-- распорка на 300 px высоты -->
<div style="overflow:hidden;float:right;width:1px;height:300px"></div>

<!-- основной текст -->
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam n...

<!-- финишный батон -->
<div style="float:left;width:100%;">
<input type="button" value ="батон">
</div>
</div>



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
stsorel
Дата 28.2.2009, 16:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 2.10.2008

Репутация: нет
Всего: нет



MaXL, спасибо за совет, но в ІЕ не работает ((( а с закостенелим мышлением закажчиков, которые считают что клиент всегда прав, и пользуются до сих пор IE . . . . . . . . . 

ksnk, спасибо
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0474 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.