Подскажите как сделать следующее:
Есть страница. Её нужно разделить на 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
H>не могу победить — заливает до видимой области, а ниже — заливка из body
В каком браузере? В каком ни смотрю, везде всё идеально.
<!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" />
<style>
body,html {height: 100%; padding: 0px; margin: 0px;}
body {
background-color: #8F002E;
}
#content
{
position:absolute;
left: 8px;
padding: 4px 4px;
top: 0px;
height: 100%;
background-color: #555555;
width:363px;
}
#content2
{
position:absolute;
left: 393px;
padding: 4px 4px;
top: 0px;
height: 100%;
background-color: #555555;
width:333px;
}
</style>
</head>
<body>
<div id="content">
Content
Подскажите как сделать следующее:
Есть страница. Её нужно разделить на 2 части вертикально
— левую и правую части. Правую часть хочу залить бэкграундом.
Но только если контент этого (правого) DIV-а меньше чем экран,
то заливка всё равно до самого низа,
а если контента больше чем на экран, то заливка всё равно до самого низа.
html
css:
body,html {height: 100%; padding: 0px; margin: 0px;}
body {
background-color: #8F002E;
}
#content
{
left: 393px;
top: 0px;
height: 100%;
}
не могу победить — заливает до видимой области, а ниже — заливка из body
</div>
<div id="content2">
В состав CorelDRAW Graphics Suite X3 входят редакторы векторной и
растровой графики, приложение для работы с изображениями в формате Raw,
а также программа для создания скриншотов
18.01.06 18:05 Калифорнийский суд вынес постановление по делу
Microsoft "о переплате"
Групповой иск, поданный жителями Калифорнии в адрес компании Microsoft,
обвиняемой в завышении цен на свои продукты, закончился победой истцов
18.01.06 17:17 Судьба высокоскоростного Wi-Fi будет решена на этой неделе
После месяцев продолжительных обсуждений, Wi-Fi стандарт нового
поколения под номером 802.11n может быть принят уже в ближайшем времени
18.01.06 16:11 UMC насчитала 13,3 млн. абонентов
За декабрь абонентская база UMC выросла на 12%, а за 2005 год - на 80,7%
18.01.06 15:07 Автомобили обзаведутся рингтонами?
Вскоре персональные авто, так же как и мобильные телефоны, могут обзавестись
рингтонами. Это позволит без труда найти свою машину среди тысячи припаркованных на стоянке
18.01.06 14:39 Microsoft Internet Explorer 7.0 копирует FireFox
Бета-версия Microsoft Internet Explorer 7.0, представленная публике на
выставке CES 2006, до удивления схожа со своим главным конкурентом - FireFox
18.01.06 13:04 Руководитель 3Com ушел в отставку
Крупный производитель телекоммуникационного оборудования, компания 3Com,
сообщила о выходе в отставку директора компании, Брюса Клафлина
</div>
</body>
</html>
Здравствуйте, 12345_, Вы писали:
[skip]
А если нужно тоже самое но с использованием таблиц
т.е.
<table>
<tr>
<td><div class="content">...</div></td>
<td>...</td>
</tr>
</table>
при условии что стиль изменить можно только у <div class="content">
