<style type="text/css">
* {
margin: 0;
border: 0;
padding: 0;
}
#container {
width: 1024px;
height: 100%;
/*border: 5px solid #000;
border-top: 0;*/
}
#nav {
height: 25px;
background: #eee;
color: #fff;
font-size: 120%;
font-weight: bold;
text-align: right;
font-family: Verdana;
padding: 5px 5px 0 0;
position: relative;
}
#nav ul {
list-style-type: none;
}
#nav li {
display: inline;
margin: 0 1px 0 0;
}
a {
color: #000;
text-decoration: none;
}
a:hover {
color: #0c0;
}
#top_border {
}
#content {
width: 99%;
height: 100%;
border: 5px solid #000;
border-top: 0;
border-bottom: 0;
}
#nav2 {
float: left;
height: 100%;
width: 20%;
background: #eee;
color: #fff;
text-align: justify;
font-family: Helvetica;
margin: 10px 0 10px 20px;
padding: 10px;
border: 1px solid #000;
}
#nav2 ul {
list-style-type: none;
}
#nav2 li {
font-size: 120%;
line-height: 1.5em;
margin: 3 px;
}
#text {
width: 60%;
float: right; /*при создании обтекания исчезает рамка #container*/
margin: 0 30px;
}
#text .img1 {
float: right;
}
#text p {
float:left
}
#clearfloat {
clear: both;
}
</style>
</head>
<body>
<div id="container">
<div id="nav">
<ul>
<li>topmenu:</li>
<li><a href="#">Главная<a></li>
<li><a href="#">Фото<a></li>
<li><a href="#">Контакты<a></li>
<ul>
</div>
<div id="top_border"><img src="top_border.png" alt="" /></div>
<div id="content">
<div id="nav2">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Фото</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
<div id="text">
<h1>Как я провел лето</h1>
<img class="img1" src="pic1.jpg" alt="" />
<p> Все пиггасыТолько сильное и несокрушимое жел. </p>
</div>
</div>
</body>
Примечание:
так же рамка исчезает из-за обтеканий в #text .img1, #text p
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.