Я сделал так:
HTML код главной страницы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> /* Обязательно показать браузеру
что применяется фрейм (Frameset) */
<html>
<head>
<title>Название сайта</title/>
<link rel="stylesheet" href="style.css"/>
<meta name="description" content="Описание сайта"/>
<meta name="Keywords" content="Ключевые слова, фразы"/>
<base target="content"/> /* Показывает браузеру куда загружать страницу по ссылке */
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="menu">
<ul>
<li><a href="">Главная</a></li>
<li><a href="">1 страница</a></li>
<li><a href="">2 страница</a></li>
<li><a href="">3 страница</a></li>
</ul>
</div>
<div id="content">
<iframe src="privet.html" name="content" frameborder="0" height="800px"
width="850px"></iframe>
</div>
<div id="clear">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
HTML код загружаемых по ссылкам страниц:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Название страницы</title>
<meta name="description" content="Описание">
<meta name="Keywords" content="Ключевые слова, фразы">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="content">
Содержимое страницы
<p><a href="index.html" target="_top"><B>На главную</B></a></p> /* устраняем
недостаток фреймовой структуры. При подаче поисковиком одной из страниц сайта, в которых
нет ссылок на другие страницы, посетитель сможет перейти на главную страницу. */
</div>
<div id="clear">
</div>
</body>
</html>
Код css:
body {
background: #C0C0C0;
color: #000000;
font-family: Trebuchet MS, Arial, Times New Roman;
font-size: 14px;
}
#container {
background: #FFFFFF;
margin: 30px auto;
width: 1000px;
height: 800px;
}
#header {
background-image: url(696.jpg);
width: 1000px;
height: 188px;
}
#menu ul, li {
margin: 0; /* убираем поля */
padding: 0; /* и отступы */
}
#menu {
float: left;
width: 150px; /* ширине меню */
border: 2px #000 solid; /* стили рамки */
padding: 0 3px; /* отступы по бокам */
}
#menu li {
text-align:
margin: 3px 0; /* поля сверху и снизу */
}
#menu a {
display: block; /* делаем ссылки блоками */
color: Black; /* цвет текста ссылок */
background: #99CC99; /* фон */
text-decoration: none; /* отмена подчеркивания */
padding: 8px 5px; /* отступы внутри ссылок */
}
#menu li, a {
zoom:1; /* для IE6 и IE7 */
}
#menu a:hover {
background: #CCFF99; /* фон ссылок при наведении курсора мыши */
}
#content {
float: right;
background: White;
width: 840px;
}
a:visited {
color: Gray;
text-decoration: none; /* отмена подчеркивания */
}
#content p {
text-align: justify;
text-indent: 2em;
margin: 15px;
padding: 0 15px;
}
h4 {
color: Maroon;
text-align: center;
}
h3 {
color: Gray;
text-align: center;
}
#clear {
clear:both;
}
#footer {
background: #838283;
height: 40px;
width: 1000px;
text-align: justify;
text-indent: 1.5em;
margin: 0;
padding: 0 15px;
}
Мой сайт
http://misterdd.p.ht