Помогите пожалуйста,как нужно исправить CSS чтобы высота страницы изменялась при увеличении контента:
CSS
Код:
body {
text-align:center;
}
a {
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
#wrap {
width:800px;
text-align:left;
margin:0 auto;
}
.float-l {
float:left
}
.folat-r {
float:right
}
.clearfix {
clear:both
}
/* header */
#header {
background:url(images/header.gif) no-repeat;
height:229px
}
#header h1 {
font-size:38px;
padding-top: 50px;
padding-left: 130px;
color:#9cdbfb
}
#header div {
font-size:14px;
padding-left: 140px;
color:#9cdbfb
}
ul#meun li a {
padding-left:5px
}
/* content */
#content {
background:url(images/content.gif) no-repeat;
height:430px
}
#content {
padding:0px 55px 0 55px;
}
#content .left {
width:400px
}
#content h2 {
font-size:30px
}
#content p {
padding:10px 0px;
}
#content .right {
width: 243px;
}
#top {
width: 200px;
padding-left: 50px;
padding-top: 50px;
}
#top li {
list-style:url(images/arrow.gif) inside
}
#top a {
color:#99cc66;
line-height:20px
}
#inner {
padding-top: 100px;
}
#img {
background:url(images/imgbg.gif);
height:83px
}
#img img {
padding:8px
}
/* footer */
#footer {
background:url(images/footer.gif) no-repeat;
height:141px;
text-align:center
}
#ftlink {
padding-top: 40px;
}
#ftlink, #copyright {
padding-bottom:8px;
}
Index.html
Код:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title</title>
<link rel="stylesheet" type="text/css" href="/assets/templates/Butterfly/reset.css" />
<link rel="stylesheet" type="text/css" href="/assets/templates/Butterfly/style.css" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1>Кафедра БИАС </h1>
<div>То что для вас волшебство,для нас типичные будни</div>
</div>
<!-- /header -->
<div id="content">
<div id="inner">
<div class="left float-l">
<div id="blog">
<h2>Free CSS Templates</h2>
<p>This is Butterfly, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so you’re pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) </p>
</div>
<div id="img"> <img src="/assets/templates/Butterfly/images/img.gif" alt="" /> <img src="/assets/templates/Butterfly/images/img.gif" alt="" /> <img src="/assets/templates/Butterfly/images/img.gif" alt="" /> <img src="/assets/templates/Butterfly/images/img.gif" alt="" /> </div>
</div>
<div class="right folat-r">
<div id="top">
<h2>Sections</h2>
<ul id="meun">
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Production</a></li>
<li><a href="#">Submission</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- /content -->
<div id="footer">
<div id="ftlink"> <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Production</a> | <a href="#">Submission</a> | <a href="#">Contact</a> </div>
<p id="copyright">В© 2008. All Rights Reserved. <br/>
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/">Dubai Villas</a></p>
<div id="xhtml"><img src="images/xhtml.gif" alt=" xhtml vaild" /> <img src="images/css.gif" alt="css vaild" /></div>
</div>
<!-- /footer -->
</div>
</body>
</html>
22.01.2010, 19:02
CSS ,высота контента
Похожие темы
