мне кажется не то(
Дело в том, что мне нужно, чтобы текст был расположен внутри <div id="content"></div>. Внутри этого дива есть свое содержимое, за которым и должен идти этот текст,но текст у меня прибит к низу с помощью position'a и bottom:0;
Т.е. содержимое налазит на текст, а при малом содержимом, текст не следует за ним, оставаясь внизу
Для наглядности, вот ссылка:
http://s020.radikal.ru/i720/1309/1a/f15edda43bff.png
http://s020.radikal.ru/i719/1309/21/143a557d7f20.png
вот код
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="temp.css" type="text/css">
</head>
<body>
<div id="container">
<div id="main">
<div id="all">
<div id="key_words">текст, который должен быть внизу<br>текст, который должен быть внизу<br>текст, который должен быть внизу<br>текст, который должен быть внизу
</div>
<div id="sidebar">sidebar</div>
<div id="content">
content<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
text<br>
end
</div>
</div><!--end all-->
</div><!--end main-->
<div id="footer">footer</div>
</div><!--end container-->
</body>
</html>
html,body{
background:#fff;
height:100%;
color:#000;
margin:0;
padding:0;
}
#container{
width:1200px;
height:100%;
background:url(bg_sidebar.png) repeat-y;
margin:0 auto;
}
#key_words{
position:absolute;
margin-left:250px;
color:red;
bottom:0;
}
#all{
width:100%;
overflow:hidden;
background:url(bg_sidebar.png) repeat-y;
}
#main{
min-height:100%;
background:url(bg_content.png) repeat-y 100% 0;
position:relative;
}
#sidebar{
float:left;
width:250px;
}
#content{
float:left;
width:950px;
}
#footer{
float:left;
width:100%;
height:150px;
background:#388b3d;