Задать height для div, чтобы высота была максимально-возможной

animatio

Есть внешний блок фиксированной высоты. Внутри него два блока. Высота одного меняется в зависимости от контента. Высота второго внутреннего блока должна занимать всю оставшуюся высоту.
<div id="inner">
<div id="outer_1"></div>
<div id="outer_2"></div>
</div>
Какие стили прописать для второго блока(div id="outer_2).Спасибо за помощь.
14 ответов

animatio

задайте высоту в процентах, может поможет


animatio

#outer_2 {height:100%, min-height:100%}


animatio

Не то. При таком ЦСС #outer_2 вылазит за пределы родительского блока,а он должен просто занимать по высоте все доступное пространство.


animatio

ну так jquery вам в помощь ))) там надо-то 5 строчек написать )) за конфетку скажу какие


animatio

задайте высоту в процентах, может поможет
К сожалению не поможет.
ну так jquery вам в помощь ))) там надо-то 5 строчек написать )) за конфетку скажу какие
Вы абсолютно правы. Я смогу на JQ это сделать.Просто интересует,возможно ли решение с помошью CSS


animatio

не, не возможно, бред полнейший... я это сравниваю с тем, что пацаны тюнингуют дедовские шестерки.. Есть жиквери, надо пользоваться. ИМХО


animatio

Я чесно говоря и не против. У меня сейчас есть задание. И необходимым условием является то,что если что-то можно сделать с помощью HTML\CSS ,JAvaScript не юзать. Если это насамом деле невозмоно, то воспользуюсь jQuery. Спасибо за совет maximus2011.


animatio

Не то. При таком ЦСС #outer_2 вылазит за пределы родительского блока,а он должен просто занимать по высоте все доступное пространство.
о_0 Это как это он "вылазит за пределы родительского блока"?! У вас ведь есть блок фиксированной высоты, он и будет занимать 100% от него. блоки идут 2 колонками или в одну колонку?


animatio

Извините.Не уточнил. Они идут в одну колонку(один над другим). В этом и вся сложность.


animatio

я тут код предлагал, рабочий, но его кто то почикал... если актуально - напиши, продублирую в ручную


animatio

Lovrentiy, код сюда. Рабочего кода не вижу. Даже почиканного.animatio, все зависит от того, как сверстана остальная страница. Приведите полный код html и css - и укажите, какой блок имеется ввиду. Способы есть.


animatio

<html>
<head>
<style>
.* {
    margin:0;
    padding:0;
}
html, body{
    height:100%;
}
 
#inner{
    position:relative;
    background-color:#000000;
    height:400px;
    width:400ps;
}
 
#outer_1 {
    width:100%;
    background-color:#FFFFFF;
}
 
#outer_2 {
    background-color:rgba(255,255,0,1);
    width:100%;
    height:100%;
    min-height:100%;
}
    
</style>
</head>
<body>
<div id="inner">
<div id="outer_1">ghfdhhfjdhf dhfjhdjfhjdhfj dfhjfhdjhdfjhdf dfhjkfdhjdfhjdfhjfdh</div>
<div id="outer_2"></div>
</div>
 
 
</body>
</html>
Вод код, пришлось по новой рисовать, но код я выкладывал сто процентов!


animatio

Lovrentiy, у меня все работает


animatio

Lovrentiy, у меня все работает
Дак для того и выкладываю =)