X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> высота блоков....
demi
demi
Topic Starter сообщение 25.6.2011, 10:32; Ответить: demi
Сообщение #1


Есть резиновая верстка... есть рамка с заокругленными углами сделаная таким образом:

<div class="box">
<div class="top">
<div class="left"></div>
<div class="right"></div>
</div>
<div class="mdl">
<div class="mdl_left"></div>
<div class="mdl_right"></div>
<!-- содержание -->

</div>
<div class="bottom">
<div class="left"></div>
<div class="right"></div>
</div>

</div>




и СSS к нему:


[CSS]

.box {
margin: 5px;
position: relative;
}
.top{
height: 17px;
margin:0 17px 0 17px;
background: left top url(../img/top.png) repeat-x;

}
.left, .right {
width: 17px;
height: 17px;
float: left;
}
.top .left {
background: url(../img/top_left.png) left top no-repeat;
position: relative;
margin:0px 0 0 -17px;
}
.top .right {
background: url(../img/top_right.png) left top no-repeat;
position: relative;
margin:0px -17px 0 0;
float: right;
}
.mdl{
position: relative;
overflow: hidden;
height:inherit;

}
.mdl_left {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 17px;
background: url(../img/left.png) left top repeat-y;
}
.mdl_right {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 17px;
background: url(../img/right.png) left top repeat-y;
}
.bottom {
background: url(../img/bottom.png) top repeat-x;
height:17px;
margin:0px 16px 0 17px;
}
.bottom .left {
background: url(../img/bottom_left.png) left top no-repeat;
position: relative;
margin:0px 0 0 -17px;
}
.bottom .right {
background: url(../img/bottom_right.png) left top no-repeat;
float: right;
position: relative;
margin:0px -17px 0 0;
}
[/CSS]


есть два блока сделаных этими рамками росположеные однин возле другого.
Проблема в том что я ни как не могу зделать так что бы при наполнении контенотом одного блока второй автоматическеки менял высоту. Картинки приприкряю ниже.


P.S. если не понятна проблема могу приложить скрин с тем что долджно быть

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ
0 Dark_process 1015 7.11.2022, 13:48
автор: Dark_process
Открытая тема (нет новых ответов) Нужен дизайнер для прорисовки блоков на сайте
3 kolyas 1600 12.5.2020, 21:24
автор: kolyas
Открытая тема (нет новых ответов) Автоматическая высота grid
0 askjust.ru 4522 13.2.2019, 13:32
автор: -askjust.ru-
Открытая тема (нет новых ответов) Правила обертывание блоков
1 sergei_burg 5591 17.10.2016, 19:34
автор: -Degradator-
Открытая тема (нет новых ответов) Растягивание блоков ,оцентровка
2 DONit09 6068 16.5.2016, 17:57
автор: -DONit09-


 



RSS Текстовая версия Сейчас: 26.4.2024, 9:14
Дизайн