|
Проблемка
|
|
Пользователь
202 сообщения
Мужчина
|
Вот код...
Code <div class="container"> $GLOBAL_AHEADER$ <div id="middle"> <div class="content">$CONTENT$</div> <div class="sidebar1"> $GLOBAL_CLEFTER$ </div> </div>
Стили:
Code .container {width: 1000px;margin: 0 auto;}
#middle {width: 999px;position: relative;border-right: 1px solid #d5d5d5;background: #E8E8E8;}
#middle:after {content: '.';display: block;clear: both;visibility: hidden;height: 0;}
.sidebar1 {float: left;width: 247px;padding: 5px 4px 5px 5px; background: #E8E8E8;}
.content {padding: 5px;width: 728px;float: left;background: #fff;border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;height: 100%;}
И суть проблемы:
Как сделать так, чтобы див content, растягивался по высоте дива sidebar? То есть если sidebar ниже, то и content растягивался до туда же...
Знаю, вёрстка кривая, верстал первый раз тогда...
|
|
|
|
|
|
Бывалый
445 сообщений
Мужчина
|
height:50%
и к sidebar так же
|
|
|
|
|
|
Пользователь
202 сообщения
Мужчина
|
AlexSur, не помогло.
|
|
|
|
|
|
Бывалый
445 сообщений
Мужчина
|
Monst33R, лучше всего будет если ты нормально расскажешь , а лучше в скринах покажешь.
|
|
|
|
|
|
Пользователь
202 сообщения
Мужчина
|
AlexSur, хорошо, вот.
Скрин если sidebar меньше content`a:
Скрин, если sidebar больше content`a:
Вот как должно быть:
Надеюсь, понятно...
|
|
|
|
|
|
Coder
701 сообщениий
Мужчина
|
Нужно чтобы и sidebar и content были в одном диве, при этом к ним обоим прописываешь height: 100%; Вроде должно работать
|
|
|
|
|
|
Бывалый
321 сообщениий
Мужчина
|
Code var sideh = $('.sidebar1')height();
var conth = $('.content').height();
if(conth < sideh){
$('.content').height(sideh);
} Добавлено (09.06.2012, 14:01)
---------------------------------------------
Можно на js, Monst33R, работает? |
|
|
|
|
|
Пользователь
202 сообщения
Мужчина
|
faforty, не работает и лучше не на js.
TRANE73, они и так в одном диве, но при height: 100% ничего не меняется...Добавлено (09.06.2012, 14:47)
---------------------------------------------
Можете ли сверстать по новой эту часть, чтобы было всё нормально? А то вёрстка косячная...
|
|
|
|
|
|
Coder
627 сообщений
Мужчина
|
Monst33R, на главный див нужно размеры выставить а потом уже внутренние растягивать
|
|
|
|
|
|
Пользователь
202 сообщения
Мужчина
|
syp41k, так чтоле?
Code .container {width: 1000px;margin: 0 auto;height:auto !important;height:100%;min-height:100%;}
#middle {width: 999px;position: relative;border-right: 1px solid #d5d5d5;background: #E8E8E8;height: 100%;}
#middle:after {content: '.';display: block;clear: both;visibility: hidden; height: 100%;}
.content {padding: 5px;width: 728px;float: left;background: #fff;border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;height: 100%;}
.sidebar1 {float: left;width: 247px;padding: 5px 4px 5px 5px; background: #E8E8E8;height: 100%}
Если да, то не помогает...
|
|
|
|
|
|
Бывалый
445 сообщений
Мужчина
|
Quote (Monst33R) height:auto !important;height:100%;min-height:100%;
что за бред?)
Попробуй так:
Code height:100% !important; |
|
|
|
|
|
Пользователь
202 сообщения
Мужчина
|
AlexSur, тоже не работает 
Блин, вообще бред какой-то, всё перепробовал... Может ли кто переверстать это чудо нормально?
|
|
|
|
|
|
Бывалый
445 сообщений
Мужчина
|
Monst33R, ты хочешь что бы контент был по одной высоте с sidebar?
|
|
|
|
|
|
Пользователь
202 сообщения
Мужчина
|
AlexSur, да
|
|
|
|
|
|
Бывалый
445 сообщений
Мужчина
|
Quote (Monst33R) Вот код... Посмотреть кодПечатьОписание ·········10········20········30········40········50········60········70········80········90········100·······110·······120·······130·······1 40·······150 <div class="container"> $GLOBAL_AHEADER$ <div id="middle"> <div class="content">$CONTENT$</div> <div class="sidebar1"> $GLOBAL_CLEFTER$ </div> </div> 1. 2. 3. 4. 5. 6. 7. 8. Стили: Посмотреть кодПечатьОписание ·········10········20········30········40········50········60········70········80········90········100·······110·······120·······130·······1 40·······150 .container {width: 1000px;margin: 0 auto;} #middle {width: 999px;position: relative;border-right: 1px solid #d5d5d5;background: #E8E8E8;} #middle:after {content: '.';display: block;clear: both;visibility: hidden;height: 0;} .sidebar1 {float: left;width: 247px;padding: 5px 4px 5px 5px; background: #E8E8E8;} .content {padding: 5px;width: 728px;float: left;background: #fff;border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;height: 100%;} 1. 2. 3. 4. 5. И суть проблемы: Как сделать так, чтобы див content, растягивался по высоте дива sidebar? То есть если sidebar ниже, то и content растягивался до туда же... Знаю, вёрстка кривая, верстал первый раз тогда...
Вот этот код у меня работает.Не знаю почему у тебя нет |
|
|
|
|
|
Пользователь
202 сообщения
Мужчина
|
AlexSur, проверил на тестовом, то же самое...
Если .sidebar1 больше content`a, то всё как на 2 скрине...
|
|
|
|
|
|
Бывалый
380 сообщений
Мужчина
|
Monst33R,
Code .container {width: 1000px;margin: 0 auto;}
#middle {width: 999px;position: relative;border-right: 1px solid #d5d5d5;background:#E8E8E8;overflow:hidden}
#middle:after {content: '.';display: block;clear: both;visibility: hidden;height: 0;}
.sidebar1 {float: left;width: 247px;padding: 5px 4px 5px 5px; background: #E8E8E8;margin-bottom: -20000px;padding-bottom: 20000px;}
.content {padding: 5px;width: 728px;float: left;background: #fff;border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;margin-bottom: -20000px;padding-bottom: 20000px;}
|
|
|
|
|
|
Пользователь
202 сообщения
Мужчина
|
lan, большое спасибо!
|
|
|
|
|
|
Бывалый
380 сообщений
Мужчина
|
Monst33R, пожалуйста
|
|
|
|
|
|
