ловите! 
Страница:
| Код |
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="ru">
<head>
<title>Каркас</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="forum_task.css" />
</head>
<body>
<div id="header">
<p class="text">Твой заголовок: под логотип, главную навигацию и т.д.</p>
</div><!--end header-->
<div id="content">
<div id="left_sidebar">
<p class="text">Сайдбар под вспомогательную навигацию</p>
</div><!--end left_sidebar-->
<div id="text_container">
<p class="text">Область под содержимое сайта</p>
</div><!--end text_container-->
</div><!--end content-->
<div id="footer">
<p class="text">Область под информацию о копирайте, партнёрах и т.д.</p>
</div><!--end footer-->
</body>
</html>
|
стили (имя forum_task.css - если будете создавать для себя локальную версию стилей)
| Код |
/* Убираем для всего документа поля и отступы по умолчанию */
* {
margin: 0;
padding: 0;
}
body {
width: 1024px;
height: 720px;
text-align: center;
margin: 0 auto;
}
.text {
font-family: Verdana, Tahoma, sans-serif;
font-size: 90%;
word-spacing: 1px;
font-weight: 600;
}
/*------Header--------*/
#header {
width: 100%;
height: 20%;
background-color: #FF0;
}
/*-------Content-------*/
#content {
width: 100%;
height: 70%;
}
#content #left_sidebar {
float: left;
width: 20%;
height: 100%;
background-color: #9F3;
}
#content #text_container {
float: right;
width: 80%;
height: 100%;
background-color: #3FF;
}
/*-------Footer-------*/
#footer {
width: 100%;
height: 10%;
clear: both;
background-color: #C0C;
}
|
вот и вся работа  .
на валидаторе не проверял, но должно быть всё нормально. для того, чтобы быть уверенным - проверьте сами. |