Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Растяжка двух дивов по высоте

Автор: php5 6.2.2008, 19:01

Есть два дива в оном фон, во второй загружается контент , нужно сделать так что бы див с фоном и див с контентом имели одинаковую высоту , для обоих дивов у меня высота стоит 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%;} стиль дива для фона

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

Автор: WebDisaster 6.2.2008, 21:02

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

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

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

ИМХО.

Автор: T1myrKq 7.2.2008, 21:57

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

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

Автор: php5 11.2.2008, 16:40

T1myrKq, то что нужно smile

.
Просмотрел код и там заметил такую штуку

Код




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

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

Автор: bars80080 11.2.2008, 17:51

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

с помощью таких конструкций: /*\*/, * html {} и т.п., создают стили отличные для разных браузеров и даже их версий