Content фиксированый по высоте в зависимости о размера броуз

Обсуждаются вопросы по надстройке jQuery UI - официальные виджеты и плагины для организации взаимодействия с элементами интерфейса.

Модераторы: EGORR, Gennady

Content фиксированый по высоте в зависимости о размера броуз

Сообщение dmivasant » 03 мар 2014, 16:11

Вот такой код

Код: выделить все
<!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Документ без названия</title>
    <link rel="stylesheet" type="text/css" href="css/mu.css">
    </head>

<style>
body{
    margin:0;
}

#wraper {
min-width:1024px;
width:100%;
outline:1px solid #0F0;
}
#heder {
height: 126px;
width: 100%;
margin-bottom:6px;
outline:1px solid #000;
}
#content{
width:100%;
overflow: auto;
outline:1px solid #F00;
}
@media screen and (min-device-width: 1600px) {
   content {height: 1500px;}
   }
   @media screen and (device-width: 1280px) {
    content {height: 1100px;}
   }
   @media screen and (device-width: 1024px) {
    content {height: 980px;}
   }

#contener {
background-image: url(/instruction/images/tiny_grid.png);
background-repeat:repeat;
border:1px solid #FF0;
min-height:5000px;
min-width: 850px;
}

</style>
<body>
<div id="wraper">
    <div id="heder">
    </div>
    <div id="content">
        <div id="contener"></div>
    </div>
</div>
</body>

</html>

Задача сделать блок content фиксированым по высоте в зависимости о размера броузера(всегда принемал высоту браузера). Чтобы не у браузера прокрутка поевлялась, а у блока content. Получаться как width:100%;, но нодо для height.

Можноли это сделать спомощью медиазапросов или javascript?
dmivasant
 
Сообщений: 5
Зарегистрирован: 10 июл 2013, 07:02

Вернуться в jQuery UI

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2