Вид для печати
здравствуйте, понимаю, наболевший вопрос. поискал по форуму, походил по ссылочкам, почитал. вроде сделал как рекомендуют. когда контента много все смотрится как задуманно, но если контента мало... вобщем посмотрите сами [Only registered and activated users can see links. Click Here To Register...] ... надеюсь на Вас.
PS css - [Only registered and activated users can see links. Click Here To Register...]
Внимательно читаем вот это:
[Only registered and activated users can see links. Click Here To Register...]
прочитал. сделал как там написано, только в итоге мой футер вобще не появляется на экране... странно, но сделал как написано в статье... абсолютное позиционирование футера, высота 100% у body и html.
Код:html {
****height: 100%;
}
body {
*margin: 0px;
*padding: 0px;
*background-color: #DAB080;
*background: url(img/fon.jpg);
*color: #333333;
*font-family: Arial, verdana, sans-serif;
*font-size: 99%;
*min-height: 100%;
*position: relative;
}
* html body {
****height: 100%;
}
#wrapper {
****margin-top: 10px;
****position: relative;
****min-height: 100%;
}
* html #wrapper {
****height: 100%;
}
#footer {
****height: 20px;
****position: absolute;
****bottom: 0px;
****background: #DCB47A;
****/*margin-top: -20px;*/
}
* html #footer {
****overflow: hidden;
}
Прям беда с Вами... ))
Как там – это вот так:
Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
* {margin: 0px; padding: 0px;}
html {height: 100%;}
body {background: #CCFFFF; min-height: 100%; position: relative;}
* html body {height: 100%;}
#header {background: #FFCCFF; width: 100%; height: 100px;}
#content {width: 100%; padding-bottom: 80px; overflow: hidden;}
#news {width: 200px; float: left;}
* html #news {margin-right: -3px;}
#present {width: 200px; float: right;}
* html #present {margin-left: -3px;}
#main {margin: 0px 200px;}
* html #main {height: 1%; margin: 0px 197px;}
#footer {background: #FFFFCC; width: 100%; height: 80px; position: absolute; bottom: 0px;}
* html #footer {bottom: -1px;}
</style>
</head>
<body>
<div id="header"></div>
<div id="content">
****<div id="news">Новости</div>
****<div id="present">Презентация</div>
****<div id="main">Основной контент</div>
</div>
<div id="footer"></div>
</body>
</html>