Есть резиновая верстка... есть рамка с заокругленными углами сделаная таким образом:
<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+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|