Помогите с "подвалом" на сайте.

LBM · May 1, 2012

Вот сайт: tutbuch.by, что то я перемудрил, не могу никак подвал снизу приделать. Помогите! Очень надо. Могу скинуть денежки за это, только напишите сколько.

    html, body {
    background: #f1f1f1;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
   } 

   p, ul, li{
    font-family: 'Times New Roman', Times, serif; /* Шрифт с засечками */ 
    font-size: 13pt; /* Размер шрифта в пунктах */
	margin-top: 0.3em; /* Отступ сверху */
    margin-bottom: 0.3em; /* Отступ снизу */
	}


a:link,a:visited{color:#000000}

   ul.menu {
    margin-right: 50px;
    padding: 4px; /* Значение полей */
	text-transform: uppercase; /* Заглавные буквы */
	font-size: 15pt; /* Размер шрифта в пунктах */
	color: #fff; /* Цвет символа */
   }

   ul.menu li {
    display: inline; /* Отображать как строчный элемент */
    margin-right: 5px; /* Отступ слева */
    padding: 3px; /* Поля вокруг текста */
	text-transform: uppercase; /* Заглавные буквы */
	font-size: 14pt; /* Размер шрифта в пунктах */
	color: #fff; /* Цвет символа */
   }

      ul.menu a {
	text-decoration:none;
	color: #fff; /* Цвет символа */
   }

	h1, h2, h3, h4, h5, h6{
    font-family: 'Times New Roman', Times, serif; /* Шрифт с засечками */ 
    font-size: 14pt; /* Размер шрифта в пунктах */
	margin-top: 0.3em; /* Отступ сверху */
    margin-bottom: 0.3em; /* Отступ снизу */
	margin-left: 2em; /* Отступ снизу */
	}

#site {
    position: relative;
    min-height: 100%;
		margin-bottom: 50px;
   }

* html #site {
    height: 100%;   
	}

 #green {
    position: absolute; /* Абсолютное позиционирование */
    width: 100%; /* Ширина слоя в пикселах */
    height: 289px; /* Высота слоя в пикселах */
	top: 0%; /* Положение слоя от верхнего края */
	margin-top: -0px;	/* Отступ сверху */
	background-image: url(http://tutbuch.by/images/bg.jpg); /* Путь к фоновому изображению */
	background-repeat: repeat-x; /* Повторяем фон по горизонтали */
    z-index: 1;
   }

 #head {
    position: absolute; /* Абсолютное позиционирование */
    width: 1572px; /* Ширина слоя в пикселах */
    height: 289px; /* Высота слоя в пикселах */
    left: 50%; /* Положение слоя от левого края */
    top: 0%; /* Положение слоя от верхнего края */
    margin-left: -786px; /* Отступ слева */
    margin-top: -0px;	/* Отступ сверху */
    background: #85aa39; /* Цвет фона */
    z-index: 2;
   }

    #head1{
    position: absolute; /* Абсолютное позиционирование */
    width: 274px; /* Ширина слоя в пикселах */
    height: 289px; /* Высота слоя в пикселах */
    left: 0px; /* Положение слоя от левого края */
    top: 0px; /* Положение слоя от верхнего края */
    margin-left: -0px; /* Отступ слева */
    margin-top: -0px;	/* Отступ сверху */
    background: #85aa39; /* Цвет фона */
	background-image: url(http://tutbuch.by/images/buch_01.jpg); /* Путь к фоновому изображению */
    z-index: 3;
   }

    #head2{
    position: absolute; /* Абсолютное позиционирование */
    width: 1024px; /* Ширина слоя в пикселах */
    height: 289px; /* Высота слоя в пикселах */
    left: 274px; /* Положение слоя от левого края */
    top: 0px; /* Положение слоя от верхнего края */
    margin-left: -0px; /* Отступ слева */
    margin-top: -0px;	/* Отступ сверху */
    background: #85aa39; /* Цвет фона */
	background-image: url(http://tutbuch.by/images/buch_02.jpg); /* Путь к фоновому изображению */
    z-index: 3;
   }

    #head3{
    position: absolute; /* Абсолютное позиционирование */
    width: 274px; /* Ширина слоя в пикселах */
    height: 289px; /* Высота слоя в пикселах */
    left: 1298px; /* Положение слоя от левого края */
    top: 0px; /* Положение слоя от верхнего края */
    margin-left: -0px; /* Отступ слева */
    margin-top: -0px;	/* Отступ сверху */
    background: #85aa39; /* Цвет фона */
	background-image: url(http://tutbuch.by/images/buch_03.jpg); /* Путь к фоновому изображению */
    z-index: 3;
   }

    #moby{
    position: absolute; /* Абсолютное позиционирование */
    width: 100%; /* Ширина слоя в пикселах */
    height: 100px; /* Высота слоя в пикселах */
    right: 70px; /* Положение слоя от левого края */
    top: 139px; /* Положение слоя от верхнего края */
	text-align: right;
    z-index: 4;
   }

    #menu{
    position: absolute; /* Абсолютное позиционирование */
    width: 100%; /* Ширина слоя в пикселах */
    height: 50px; /* Высота слоя в пикселах */
    left: 0px; /* Положение слоя от левого края */
    top: 239px; /* Положение слоя от верхнего края */
	text-align: right;
    z-index: 4;
   }

    #content{
    position: absolute; /* Абсолютное позиционирование */
    width: 1030px; /* Ширина слоя в пикселах */
    left: 50%; /* Положение слоя от левого края */
    top: 289px; /* Положение слоя от верхнего края */
    margin-left: -515px; /* Отступ слева */
    background: #f1f1f1; /* Цвет фона */
    z-index: 4;
		margin-bottom: 50px;
   }

    #back1{
    position: absolute; /* Абсолютное позиционирование */
    width: 154px; /* Ширина слоя в пикселах */
	height:28px;
    left: 0px; /* Положение слоя от левого края */
    top: 0px; /* Положение слоя от верхнего края */
    margin-left: -0px; /* Отступ слева */
    margin-top: -0px;	/* Отступ сверху */
    background: #f1f1f1; /* Цвет фона */
	background-image: url(http://tutbuch.by/images/buch_04.jpg); /* Путь к фоновому изображению */
	background-position: right top; /* Положение фона */
    background-repeat: no-repeat; 
    z-index: 3;
   }

    #center{
    position: absolute; /* Абсолютное позиционирование */
    width: 722px; /* Ширина слоя в пикселах */
    left: 154px; /* Положение слоя от левого края */
    top: 0px; /* Положение слоя от верхнего края */
    margin-left: -0px; /* Отступ слева */
    margin-top: -0px;	/* Отступ сверху */
    background: #f1f1f1; /* Цвет фона */
    z-index: 3;
   }

    #back2{
    position: absolute; /* Абсолютное позиционирование */
    width: 154px; /* Ширина слоя в пикселах */
    left: 876px; /* Положение слоя от левого края */
    top: 0px; /* Положение слоя от верхнего края */
    margin-left: -0px; /* Отступ слева */
    margin-top: -0px;	/* Отступ сверху */
    background: #f1f1f1; /* Цвет фона */
    z-index: 3;
   }

    #menu2{
    position: absolute; /* Абсолютное позиционирование */
    width: 722px; /* Ширина слоя в пикселах */
    height: 250px; /* Высота слоя в пикселах */
    left: 0px; /* Положение слоя от левого края */
    top: 0px; /* Положение слоя от верхнего края */
    margin-left: -0px; /* Отступ слева */
    margin-top: -0px;	/* Отступ сверху */
    background: #f1f1f1; /* Цвет фона */
    z-index: 4;
   }

    #text{
    position: absolute; /* Абсолютное позиционирование */
    width: 500px; /* Ширина слоя в пикселах */
    left: 0px; /* Положение слоя от левого края */
    top: 280px; /* Положение слоя от верхнего края */
    margin-left: -0px; /* Отступ слева */
    margin-top: -0px;	/* Отступ сверху */
	margin-bottom: 50px;	
    background: #f1f1f1; /* Цвет фона */
	padding: 5px; /* Поля вокруг текста */
    z-index: 5;
   }

       #sidebar{
    position: absolute; /* Абсолютное позиционирование */
    width: 222px; /* Ширина слоя в пикселах */
    left: 500px; /* Положение слоя от левого края */
    top: 280px; /* Положение слоя от верхнего края */
    margin-left: -0px; /* Отступ слева */
    margin-top: -0px;	/* Отступ сверху */
    background: #f1f1f1; /* Цвет фона */
	padding: 5px; /* Поля вокруг текста */
    z-index: 4;
   }

      #footer{
	width: 100%; /* Ширина слоя в пикселах */
    clear: both;
    position: fixed; /* Фиксированное положение */
    z-index: 10;
    height: 30px;
    margin-top: -30px;
	background: #424242; /* Цвет фона */
   }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ведение бухгалтерского и налогового учета  белорусских и российских предприятий</title>
<link href="http://tutbuch.by/style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="site">

<div id="green">

<div id="head">

<div id="head1">
</div>
<div id="head2">

<div id="moby">

<?php
include 'in/moby.html';
?>

</div>

<div id="menu">

 <?php
include 'in/menu.html';
?>

</div>

</div>
<div id="head3">
</div>

</div>

</div>

<div id="content">

<div id="back1">
</div>
<div id="center">

<div id="menu2">

<?php
include 'in/menu2.html';
?>

</div>
<div id="text">

</div>
<div id="sidebar">

<?php
include 'in/sidebar.html';
?>

</div>

</div>
<div id="back2">
</div>


</div>

</div>


<div id="footer">
вмымывм
</div>
</td>
	</tr>
</table>


</body>

</html>

Edited June 2, 2012 by LBM

ruslan.savenok · May 1, 2012

skype — ruslan.savenok, обращайтесь.

ceil100 · May 1, 2012

2\3 кода надо выбрасывать

все position:absolute и z-index

все это совершенно ни к чему

полностью верстать заново

и где половина закрывающих </div>?

Edited May 1, 2012 by ceil100

Moool13 · May 1, 2012

Код действительно не самый лучший, но достаточно было в стилях к #footer дописать bottom:0; и поработать с отступами.

Как я понимаю, уже не актуально?

ceil100 · May 1, 2012


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Ведение бухгалтерского и налогового учета  белорусских и российских предприятий</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="site">
	<div id="green">
		<div id="head">
			<div id="head1">
				<div id="head2">
					<div id="head3">
						<div id="moby">

						<p>+ 375 29 688 81 86</p>
						<p>+ 375 29 531 47 03</p>
						<p>+ 7910 230 0747</p>	
						</div>
						<div id="menu">
						  <ul class="menu">
						   <li><a href="http://tutbuch.by">Главная</a></li>
						   <li><a href="http://tutbuch.by/uslugi.html">Услуги</a></li>
						   <li><a href="http://tutbuch.by/contact.html">Контакты</a></li>
							</ul>
						</div>
					  <div id="back1"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="content">
		<div id="center">
			<div id="left">
				<div id="menu2">
				<table width="722px" height="250px" cellspacing="1px" cellpadding="1px" border="0">
					<tbody><tr>
						<td width="25%" valign="bottom" height="200px"><a href="http://tutbuch.by/buhgalterskij_uchet.html"></a><p align="center"><a href="http://tutbuch.by/buhgalterskij_uchet.html"><img src="http://tutbuch.by/images/1.jpg"></a></p></td>
						<td width="25%" valign="bottom" height="200px"><a href="http://tutbuch.by/nalogi.html"></a><p align="center"><a href="http://tutbuch.by/nalogi.html"><img src="http://tutbuch.by/images/2.jpg"></a></p></td>
						<td width="25%" valign="bottom" height="200px"><a href="http://tutbuch.by/vosstanovlenie-ucheta.html"></a><p align="center"><a href="http://tutbuch.by/vosstanovlenie-ucheta.html"><img src="http://tutbuch.by/images/3.jpg"></a></p></td>
						<td width="25%" valign="bottom" height="200px"><a href="http://tutbuch.by/kadrovyj-uchet.html"></a><p align="center"><a href="http://tutbuch.by/kadrovyj-uchet.html"><img src="http://tutbuch.by/images/4.jpg"></a></p></td>
					</tr>
					<tr>
						<td width="25%"><p align="center"><a href="http://tutbuch.by/buhgalterskij_uchet.html">Бухгалтерский учет</a></p></td>
						<td width="25%"><p align="center"><a href="http://tutbuch.by/nalogi.html">Оптимизация налогообложения</a></p></td>
						<td width="25%"><p align="center"><a href="http://tutbuch.by/vosstanovlenie-ucheta.html">Восстановление учета</a></p></td>
						<td width="25%"><p align="center"><a href="http://tutbuch.by/kadrovyj-uchet.html">Ревизия кадрового учета</a></p></td>
					</tr>
					</tbody>
				</table>
				</div>
				<div id="text">

				<p>Вы устали от бесконечной смены главных бухгалтеров?</p>
				<p>Ваш главный бухгалтер регулярно говорит о необходимости 
				увеличения штата бухгалтерии?</p>
				<p>Вам надоело оплачивать семинары, подписку, обновления 1С?</p>
				<p>Оплата справочно-правовых систем не входила в Ваши планы?</p>
				<p>Вы не можете получить ответ от Вашего главного бухгалтера 
				как минимизировать налогообложение?</p>
				<p>Вы понимаете, что Ваш сотрудник имеет еще несколько 
				подработок и на Вас ему уже не хватает времени?</p>
				<p>А может Вам кажется, Ваш главный бухгалтер уже ищет работу 
				в другом месте?</p>
				В мировой практике ведения бизнеса хорошим тоном является поручить ведение вопросов бухгалтерии (при этом предоставляя первичную документацию) юридической или аудиторской фирме, которая будет составлять и вести всю бухгалтерскую отчетность, сдавать ее в органы гос. контроля, корректно рассчитает налоги. Также сможет ответить на все ваши вопросы, и проведет всю работу на своей территории или в вашем офисе. Такое бухгалтерское сопровождение – т.н. бухгалтерский аутсорсинг позволяет минимизировать все финансовые риски, также безопасно и быстро взаимодействовать с ИМНС, бюджетными организациями, внебюджетными фондами, органами контроля.

				<p><b><u>Мы предоставляем как абонентское бухгалтерское обслуживание (аутсорсинг), так и 
				единичные услуги в области бухгалтерии, которые позволяют максимально эффективно 
				решать все необходимые бизнес задачи.\</u></b></p>

				</div>
				<div id="sidebar">
					<h3>Услуги</h3>
					<ul>
						<li><a href="http://tutbuch.by/buhgalterskij_uchet.html">Бухгалтерский учет</a></li>
						<li><a href="http://tutbuch.by/nalogi.html">Оптимизация налогообложения</a></li>
						<li><a href="http://tutbuch.by/vosstanovlenie-ucheta.html">Восстановление учета</a></li>
						<li><a href="http://tutbuch.by/kadrovyj-uchet.html">Кадровый учет</a></li>
						<li><a href="http://tutbuch.by/nulevaja-otchetnost.html">Нулевая отчетность</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

	<div id="footer">
	вмымывм
	</div>
</body>

</html>


  html, body {
    background: #f1f1f1;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
   } 

   p, ul, li{
    font-family: 'Times New Roman', Times, serif; /* Шрифт с засечками */ 
    font-size: 13pt; /* Размер шрифта в пунктах */
        margin-top: 0.3em; /* Отступ сверху */
    margin-bottom: 0.3em; /* Отступ снизу */
        }


a:link,a:visited{color:#000000}

   ul.menu {
    margin-right: 50px;
    padding: 4px; /* Значение полей */
        text-transform: uppercase; /* Заглавные буквы */
        font-size: 15pt; /* Размер шрифта в пунктах */
        color: #fff; /* Цвет символа */
   }

   ul.menu li {
    display: inline; /* Отображать как строчный элемент */
    margin-right: 5px; /* Отступ слева */
    padding: 3px; /* Поля вокруг текста */
        text-transform: uppercase; /* Заглавные буквы */
        font-size: 14pt; /* Размер шрифта в пунктах */
        color: #fff; /* Цвет символа */
   }

      ul.menu a {
        text-decoration:none;
        color: #fff; /* Цвет символа */
   }

        h1, h2, h3, h4, h5, h6{
    font-family: 'Times New Roman', Times, serif; /* Шрифт с засечками */ 
    font-size: 14pt; /* Размер шрифта в пунктах */
        margin-top: 0.3em; /* Отступ сверху */
    margin-bottom: 0.3em; /* Отступ снизу */
        margin-left: 2em; /* Отступ снизу */
        }

#site {
    position: relative;
    min-height: 100%;
   }

* html #site {
    height: 100%;   
        }

 #green {
    width: 100%; /* Ширина слоя в пикселах */
    height: 289px; /* Высота слоя в пикселах */
	top: 0%; /* Положение слоя от верхнего края */
	background-image: url(http://tutbuch.by/images/bg.jpg); /* Путь к фоновому изображению */
	background-repeat: repeat-x; /* Повторяем фон по горизонтали */
   }

 #head {
    width: 1572px; /* Ширина слоя в пикселах */
    height: 289px; /* Высота слоя в пикселах */
    background: #85aa39; /* Цвет фона */
	margin:0 auto;
}

    #head1{
    height: 289px; /* Высота слоя в пикселах */
	background: url("http://tutbuch.by/images/buch_03.jpg") no-repeat scroll 100% 0 transparent;
   }

    #head2{
    height: 289px; /* Высота слоя в пикселах */
    background: url("http://tutbuch.by/images/buch_01.jpg") no-repeat scroll 0 0 transparent;
   }

    #head3{
    width: 1024px; /* Ширина слоя в пикселах */
    height: 289px; /* Высота слоя в пикселах */
	background: url("http://tutbuch.by/images/buch_02.jpg") no-repeat scroll 0 0 transparent;
	margin:0 auto;
	position: relative;
   }

    #moby{
    width: 100%; /* Ширина слоя в пикселах */
    height: 100px; /* Высота слоя в пикселах */
	text-align: right;
	position:absolute;
	right: 90px;
    top: 130px;
   }
	#moby p {font-size:23px; color:#fff;}
    #menu{
    width: 100%; /* Ширина слоя в пикселах */
	position:absolute;
    right: 20px; /* Положение слоя от левого края */
    top: 240px; /* Положение слоя от верхнего края */
    text-align: right;
   }

    #content{
	width: 1572px; /* Ширина слоя в пикселах */
    background: #f1f1f1; /* Цвет фона */
    margin:0 auto 50px;
   }

    #back1{
    width: 154px; /* Ширина слоя в пикселах */
    height:28px;
    background: #f1f1f1; /* Цвет фона */
    background-image: url(http://tutbuch.by/images/buch_04.jpg); /* Путь к фоновому изображению */
    background-position: right top; /* Положение фона */
    background-repeat: no-repeat; 
	left: -5px;
    position: absolute;
    top: 289px;
   }

    #center{
	width: 1030px; /* Ширина слоя в пикселах */
    background: #f1f1f1; /* Цвет фона */
	margin: auto;
	overflow:hidden;
   }
   #left {    width: 742px; /* Ширина слоя в пикселах */}

    #back2{
    width: 154px; /* Ширина слоя в пикселах */
    background: #f1f1f1; /* Цвет фона */
   }

    #menu2{
    width: 742px; /* Ширина слоя в пикселах */
    height: 250px; /* Высота слоя в пикселах */

    background: #f1f1f1; /* Цвет фона */
   }

    #text{
    width: 500px; /* Ширина слоя в пикселах */
    margin:20px auto 50px;    
    background: #f1f1f1; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
	float:left;
   }

       #sidebar{
    width: 222px; /* Ширина слоя в пикселах */
    background: #f1f1f1; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
	float:right;
	margin-top: 15px;
   }

      #footer{
	width: 100%; /* Ширина слоя в пикселах */
	min-width: 1572px;
    height: 50px;
    margin-top: -50px;
    background: #424242; /* Цвет фона */
   }

как то так...

и исправляй ошибки в таблицах, не критичные но глаза мозолят

можно еще часть кода выкинуть, попробуй сам.

в хедере и контенте

Sign In

Помогите с "подвалом" на сайте.

Recommended Posts

LBM

Link to comment

Share on other sites

ruslan.savenok

Link to comment

Share on other sites

ceil100

Link to comment

Share on other sites

Moool13

Link to comment

Share on other sites

ceil100

Link to comment

Share on other sites

Обсуждения

Forums

Important Information