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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Растяжка двух дивов по высоте 
:(
    Опции темы
php5
Дата 6.2.2008, 19:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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




Есть два дива в оном фон, во второй загружается контент , нужно сделать так что бы див с фоном и див с контентом  имели одинаковую высоту , для обоих дивов у меня высота стоит 100%  для  
Код


body { margin: 40px; padding: 40px; height:100%; background-image: url(img/all_fon.png); }
#text_l{position: absolute; border:1px solid #FF0000;height: 100%; ; width:250px;float:left; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; } – стиль дива для контента 
#d_t_fon{ background-image: url(img/img_book_01.png);  background-position: top left; position: absolute; background-repeat: no-repeat; width: 100%; height: 100%; min-height:100%;} стиль дива для фона 


Но при добавлении контента   див с контентом  растягивается по высоте , а  див с фоном остается таким же как до загрузки  контента, как сделать что бы и див с фоном растягивался по высоте в зависимости от  контента 

PM MAIL   Вверх
WebDisaster
Дата 6.2.2008, 21:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Позволю себе два совета:

1. Подобный css без html выкладывать никакого смысла нет (а ещё лучше было бы приложить и макет), поскольку совершенно непонятно, что именно желал получить аффтар, как соотносятся эти контейнеры между собой, с другими блочными элементами, и для каких целей там выставлены float:left; и position: absolute; 

2. Учитывая поток вопросов, самым разумным выходом было бы заплатить за незнакомую работу верстальщику. Ну или уж почитать кнышки самому. Судя по тому, как задан вопрос, это будет совсем-совсем не лишним.

ИМХО.

PM MAIL   Вверх
T1myrKq
Дата 7.2.2008, 21:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Для меня это в свое время был больной вопрос.
Поискал... решил!

смотри в атаче

Присоединённый файл ( Кол-во скачиваний: 25 )
Присоединённый файл  2.rar 2,16 Kb
PM MAIL ICQ   Вверх
php5
Дата 11.2.2008, 16:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



T1myrKq, то что нужно  smile  .
Просмотрел код и там  заметил такую штуку 
Код



#wrapper
    {
    display: inline-block;
    }
/*\*/
#wrapper
    {
    display: block;
    }

Почему свойство одного и того же параметра, для одного и того же div-a  ставиться дважды ?
 

PM MAIL   Вверх
bars80080
Дата 11.2.2008, 17:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



это закавырка для разных браузеров,

с помощью таких конструкций: /*\*/, * html {} и т.п., создают стили отличные для разных браузеров и даже их версий
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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