VPF::Автоматический расчет размера нового div

vinograd2008

Дата 16.5.2011, 18:42 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 197
Регистрация: 7.12.2008

Репутация: нет
Всего: нет

Есть 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>

Это сообщение отредактировал(а) vinograd2008 - 16.5.2011, 18:42

Котокобра

Дата 17.5.2011, 11:10 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 147
Регистрация: 26.11.2009

Репутация: 0
Всего: 4

Цитата(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';

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »