Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Автоматический расчет размера нового div


Автор: vinograd2008 16.5.2011, 18:42
Есть HTML страница. Есть css файл

Код

body,td,th 
{
    color: #330066;
}

body 
{
    background-color: #0099FF;
}

hr 
{
    width:97%;
    color:#330066;
}

#navigation {
    background-color: #0099FF;
    position: absolute;
    width: 15%;
    height:100%;
    top:100px;
    left:0px;
    font-size:16pt;
    font-family: "Arial";
    vertical-align:top;
    text-align:center;
    border-right:solid, medium;        
}

#header {
    position: absolute;
    height: 100px;
    width: 85%;
    top:0px;
    left:15%;
    font-size:22pt;
    font-family: "Arial";
    vertical-align:top;
    text-align:center;
    border-bottom:solid, 1px;
    background-color: #FFFF00;
}

#main {
    position: absolute;
    height: auto;
    width: 85%;
    top:100px;
    left:15%;
    font-family: "Arial";
    font-size:14pt;
    vertical-align:top;
    text-align:left;
    background-color: #33CCFF;
}

#stat
{
    position: absolute;
    height: auto;
    width: 85%;
    left:15%;
    top:300px;
    font-family: "Arial";
    font-size:14pt;
    text-align:left;
              vertical-align:top;
    background-color: #33CCFF;
}


Как с помощью JS автоматически задавать размеры только для diva id=stat и подстраивать размеры diva под другие divы id, при этом размеры div id=navigation, div id=header, div id=main не должны меняться?

Код

<html>
<body>
<div class="sections" id="navigation">
</div>
<div class="sections" id="header">
</div>
<div class="sections" id="main">
</div>
<div class="sections" id="stat">
</div>
<body>
</html>

Автор: Котокобра 17.5.2011, 11:10
Цитата(vinograd2008 @  16.5.2011,  18:42 Найти цитируемый пост)
Как с помощью JS автоматически задавать размеры только для diva id=stat

Код

document.getElementById('stat').style.width = '100px';
document.getElementById('stat').style.height = '70px';



Цитата(vinograd2008 @  16.5.2011,  18:42 Найти цитируемый пост)
и подстраивать размеры diva под другие divы id

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

Код

document.getElementById('stat').className = 'anotherClass';

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)