гуглил. нагуглил несколько решений. пока ни одно не помогло.
вот одно из них: http://dnzl.ru/view_post.php?id=190
суть:
html и body имеют жестко заданную высоту 100%. и только после этого можно задавать 100% высоты диву.
мне же нужно вложить следующим образом:
html
- body
- - content (див родитель - содержит заголовок, описание и див с фотографией
- - - container (див в который вложен показ фотографии)
нужно что бы content имел 95% ширины (но в пределах от 700 до 1200px) и авто высоту (по всему доступному пространству),
а container имел по 100% высоты и ширины (от доступного у родителя).
Пример (в который я не включал рекомендации по ссылке выше): http://78.46.229.98/exhibits/14.html
Выдержки из хтмл и стилей:
структура документа:
<!DOCTYPE html>
<head>
bla bla bla
</head>
<body class="white">
<div id="content">
<div class="about">
<h2>Название экспоната</h2>
Год \ век<br />
Автор<br />
Описание (материалы)
</div>
<div class="back">
<a href="../.html?xml=.xml&view.hlookat=5.00&view.vlookat=0.00&view.fov=60.00" rel="nofollow">Вернуться в музей</a>
</div>
<div id="container">
</div>
</div>
</body>
</html>
стили:
html, body {
font:10pt/14pt Verdana, sans-serif;
}
#content {
width:95%;
max-width:1200px;
min-width:700px;
margin:auto;
}
#container {
width:auto;
height:600px;
color:#ff0000;
}
как нужно сделать Правильно?
