Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.07.2009, 10:17
Интересующийся
Отправить личное сообщение для jeel Посмотреть профиль Найти все сообщения от jeel
 
Регистрация: 02.07.2009
Сообщений: 15

позиционирование css
Есть такой фрагмент HTML:
<div id="content">
<div id="scale">
<script language="JavaScript"> LoadImages(); </script>
</div>
<div class="clear"></div>
</div>

У content значение position:relative, у scale - position:absolute. scale вырывается из нормального потока документа, и элемент content имеет нулевую высоту.
Каким образом можно сделать чтобы высота comtent не устанавливалась в 0, а была равна высоте родительского элемента, не устанавливая ее явным образом?
Ответить с цитированием
  #2 (permalink)  
Старый 27.07.2009, 10:21
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,022

height:100%;
Ответить с цитированием
  #3 (permalink)  
Старый 27.07.2009, 10:44
Интересующийся
Отправить личное сообщение для jeel Посмотреть профиль Найти все сообщения от jeel
 
Регистрация: 02.07.2009
Сообщений: 15

такой вариант не срабатывает
Ответить с цитированием
  #4 (permalink)  
Старый 27.07.2009, 10:57
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,022

Сообщение от jeel
такой вариант не срабатывает
Значит родителю высота не задана. Див сам по себе не будет расстягиваться по высоте (в отличие от таблицы).
Ответить с цитированием
  #5 (permalink)  
Старый 27.07.2009, 13:52
Интересующийся
Отправить личное сообщение для jeel Посмотреть профиль Найти все сообщения от jeel
 
Регистрация: 02.07.2009
Сообщений: 15

Структура HTLM:
<div id="wrapper">
<div id="branding"></div>
<div id="mainNav"></div>
<div id="content">
<div id="m_content">
<div id="scale"></div>
</div>
<div id="secondaryNav"> </div>
</div>
<div id="footer"></div>
</div>
CSS:
* {
padding: О;
margin: О;
}

#mainNav{
width: 18%;
background-color: silver;
float: left;
}

#secondaryNav{
background-color: green;
float: right;
width: 17%;
}

#content{
width: 80%;
float: right;
height:100%;
}

#m_content{
overflow:hidden;
width: 80%;
float: left;
position: relative;
border: 1px solid green;
height:100%;
}

#branding{
width: 100%;
height: 100px;
background-color: yellow;
}

#footer{
clear: both;
}

#wrapper{
overflow: hidden;
height:100%;
}

#scale{
border: 1px solid black;
position: absolute;
height:100%;

}
Т.е. свойство height проставлено по всем уровням иерархии

.clear{
clear: both;
}
Ответить с цитированием
  #6 (permalink)  
Старый 27.07.2009, 14:45
Интересующийся
Отправить личное сообщение для jeel Посмотреть профиль Найти все сообщения от jeel
 
Регистрация: 02.07.2009
Сообщений: 15

уточнение: данный вариант не работает в Firefox...Opera и Internet Explorer отображают нормально
Ответить с цитированием
  #7 (permalink)  
Старый 28.07.2009, 15:38
Интересующийся
Отправить личное сообщение для jeel Посмотреть профиль Найти все сообщения от jeel
 
Регистрация: 02.07.2009
Сообщений: 15

проблема решилась установкой
body,html{
height:100%;
}
Ответить с цитированием
  #8 (permalink)  
Старый 30.07.2009, 10:12
Аватар для B~Vladi
Модератор Всея Форума
Отправить личное сообщение для B~Vladi Посмотреть профиль Найти все сообщения от B~Vladi
 
Регистрация: 14.05.2009
Сообщений: 4,022

Сообщение от jeel
проблема решилась установкой
body,html{
height:100%;
}
Сообщение от B~Vladi
Значит родителю высота не задана.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
меню на CSS не работает в IE scuter Общие вопросы Javascript 3 24.06.2010 23:03
Подскажите как сделать меню на CSS если: greatilya (X)HTML/CSS 10 18.10.2009 20:26
CSS vs DOCTYPE gaolong (X)HTML/CSS 11 24.03.2009 11:54
Как передеть css файл родителя фрейму? Zeal Events/DOM/Window 9 21.10.2008 16:47
javascript, css и iexplorer Блондинко Internet Explorer 4 21.02.2008 12:39