Помогите с футером!

Glebr · October 25, 2009

Помогите пожалуста с футером! Знаю, что вопрос детский, но у меня в резиновом дизе не получаетцо!

Вот html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>GenericBlue by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="st.css" rel="stylesheet" type="text/css" />
<link href="css/dropdown/dropdown.css" media="all" rel="stylesheet" type="text/css" />
<link href="css/dropdown/themes/default/default.ultimate.css" media="all" rel="stylesheet" type="text/css" />

<!--[if lt IE 7]>
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dropdown.js"></script>
<![endif]-->

</head>
<body>

<div id="all">

<div id="header">
</div>

<div id="right">

<h3>Реклама</h3>
<p>Rhoncus ac, lacinia, nisl. Aliquam gravida massa</p>


</div>



<div id="left">
<h3>Город</h3>
<ul>
				<li><a href="#">1 ccылка</a></li>
				<li><a href="#">2 ccылка</a></li>
				<li><a href="#">3 ccылка</a></li>
				<li><a href="#">4 ccылка</a></li>
			</ul>

<h3>Газеты</h3>
			<ul>
				<li><a href="#">Orci nonummy fringilla</a></li>
				<li><a href="#">Enim vivamus convallis</a></li>
				<li><a href="#">Duis congue ultricies</a></li>
				<li><a href="#">Purus in mollis purus</a></li>
			</ul>
<h3>Спорт</h3>
<xscript language="JavaScript" src="http://pics.rbc.ru/js/auto_informer.js"></script>

<!-- Россия. Премьер-Лига -->
<table style="border: 1 solid #c0bdd7" width="180" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<IFRAME name="football" src="http://sport-informer.ru/russia_small_zenit.html"
width="180" height="400" scrolling="no" align="center" marginwidth="3" marginheight="3"
frameborder="0"></IFRAME></td>
</tr>
</table>
<!-- Россия. Премьер-Лига -->

<xscript src='http://fratria.ru/news/informer/informer3.php?table=khl_all&quantity=24'></script>



</div>


<div id="center">
<div id="centercontent">

<div id="menu">
<!--Горизонтальное меню-->

	<ul id="nav" class="dropdown dropdown-horizontal">
	<li><a href="./">Главная</a></li>
	<li><span class="dir">О Сайте</span>
		<ul>
			<li><a href="./">History</a></li>
			<li><a href="./">Our Vision</a></li>
			<li><span class="dir">The Team</span>
				<ul>
					<li><a href="./">Brigita</a></li>
					<li><a href="./">John</a></li>
					<li><a href="./">Michael</a></li>
					<li><a href="./">Peter</a></li>
					<li><a href="./">Sarah</a></li>
				</ul>
			</li>
			<li><a href="./">Clients</a></li>
			<li><a href="./">Testimonials</a></li>
			<li><a href="./">Press</a></li>
			<li><a href="./">FAQs</a></li>
		</ul>
	</li>
	<li><span class="dir">Газеты</span>
		<ul>
			<li><a href="./">Product Development</a></li>
			<li><a href="./">Delivery</a></li>
			<li><a href="./">Shop Online</a></li>
			<li><a href="./">Support</a></li>
			<li><a href="./">Training & Consulting</a></li>
		</ul>
	</li>
	<li><a href="./">Гостевая книга</a></li>		
	<li><a href="./">Галерея</a></li>
	<li><a href="./">Форум</a></li>
	<li><a href="./" class="dir">Контакты</a>
		<ul>
			<li><a href="./">Enquiry Form</a></li>
			<li><a href="./">Map & Driving Directions</a></li>
			<li><a href="./">Your Feedback</a></li>
		</ul>
	</li>
</ul> 
</div>

<table>
<tr class="rowH">
<th>Новости области</th>
<th>Новости города</th>

</tr>
<tr class="rowA">
<td>Откуда берутся мифы? А очень просто. Если человек не желает думать — он начинает фантазировать. И фантазии его зачастую не имеют никакой связи с реальностью. Человек искренне верит в придуманную им реальность — и страшно удивляется, когда выясняется, что все, мягко говоря, не совсем так, как он себе представлял. Но вот что интересно. Даже если ткнуть его, что называется, носом в объективные факты — он продолжает упорствовать и не желает признавать очевидное.

Среди сосновоборцев уже много лет бродят два мифа. О том, что в городе «некуда пойти» и о том, что детям нечем заняться после школы, поэтому они бедокурят. Мол, куда пойти бедненькому-нищенькому, если все вокруг платное?</td>
<td>В Санкт-Петербургском институте «Атомпроф» состоялся семинар «Экологические аспекты применения градирен в системе охлаждения АЭС».

Перспектива сооружения на ЛАЭС-2 градирен до сих пор вызывает у многих горожан вопросы. Отчасти потому, что предметного разговора с населением именно по этой детали проекта заказчики и авторы проекта ЛАЭС-2 до недавнего времени не вели.</td>
</tr>
</table>



</div>

</div>

</div>



<div id="footer">
© 2009 Reshetnikov Gleb
</div>

</body>
</html>

СSS:

html,body
{
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #666;
	background-color: #fff;
	margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
}

#all{
	margin: 0px;
	padding:0px;
	width: 100%;
	min-height: 100%;
}
#header
{
	position: relative;
	background: #004778;
	height: 10em;
	padding-left: 2em;
	margin-bottom: 40px;
}
#left{
	float:left;
	width: 180px;
	background: #fff url('images/a1.gif') top right repeat-y;
	height: 300px;
	margin-left: 20px;
	line-height: 1.5em;
}
#right{
	float:right;
	width: 180px;
	height: 300px;
	background: #fff url('images/a2.gif') top left repeat-y;
}
#center{
	margin-left: 244px;
	background-color: transparent;
	line-height: 1.5em;
}
#centercontent{
	background-color : transparent;
	margin-right: 408px;
	line-height: 1.5em;
	padding: 1.5em 3em 1.5em 3em;
}
#footer {
  height: 2.5em;
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align:center;
}

#menu{
	float:left;
}
a
{
	color: #0077dd;
	text-decoration: none;
	border-bottom:1px dashed #0077dd;
}
a:hover
{
	border-bottom:1px solid #0077dd;
}

h3
{
	font-size: 1.1em;
	color: #545454;
	border-bottom: dashed 1px #dfdfdf;
	padding-bottom: 0.3em;
}
ul{
	list-style: square;
}
#centercontent table
{	
	width: 100%;
	margin-bottom: 1.5em;
	margin-top:30px;
	border-collapse: collapse;
	text-align: left;
}

#centercontent table th
{
	font-weight: bold;
	padding: 0.5em;
	border-right:1px dashed black;
}

#centercontent table td
{
	padding: 0.5em;
	border-right: solid 1px #fff;
	width:50%;
}

#centercontent table tr.rowH
{
	color: #fff;
	background: #006192 url('images/a8.gif') top left repeat-x;
	border-right: solid 1px #fff;
}

#centercontent table tr.rowA
{
	background: #F8F8F8 url('images/a6.gif') top left repeat-x;
	border-top: solid 1px #fff;
	color: inherit;
}

.xbg
{
	position: absolute;
	right: 0em;
	bottom: -64px;
	background: #fff url('images/a3.gif') top right no-repeat;
	height: 64px;
	width: 128px;
}
.clear
{
	clear: both;
}

psywalker · October 25, 2009

а чё нужно, прижать чтоли к низу?

Glebr · October 26, 2009

а чё нужно, прижать чтоли к низу?

да, ниже ВСЕХ блоков

psywalker · October 26, 2009

да, ниже ВСЕХ блоков

Лови, ниже не бывает:

http://psywalker.ru/Forum/shadow/Untitled-1.html

Glebr · October 26, 2009

Лови, ниже не бывает:
http://psywalker.ru/Forum/shadow/Untitled-1.html

неа, у меня почему-то информер ниже(он из таблиц)

Короче при опускании левого и правого блока футер почему-то стоит на месте

Edited October 26, 2009 by Glebr

psywalker · October 26, 2009

неа, у меня почему-то информер ниже(он из таблиц)
Короче при опускании левого и правого блока футер почему-то стоит на месте

Я тебе дал каркас, переделай его под себя или узнай у гугла, футер всегда внизу!

Yust-os · November 11, 2009

http://web.yustos.com/keep-footers - сильно обстоятельный ответ

Sign In

Помогите с футером!

Question

Glebr

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Glebr

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Glebr

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Yust-os

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information