Подскажите как сделать следующее:
Есть страница. Её нужно разделить на 2 части вертикально — левую и правую части. Правую часть хочу залить бэкграундом. Но только если контент этого (правого) DIV-а меньше чем экран, то заливка всё равно до самого низа, а если контента больше чем на экран, то заливка всё равно до самого низа.
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>!</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" href="./css/bcss.css" type="text/css" />
</head>
<body>
<div id="content">
Content
</div>
</body>
</html>
css:
body,html {height: 100%; padding: 0px; margin: 0px;}
body {
background-color: #8F002E;
}
#content
{
left: 393px;
top: 0px;
height: 100%;
}
не могу победить — заливает до видимой области, а ниже — заливка из body
