Слишком много пустого пространства под футером

@Oleg556677 · Регистрация: 06.04.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте! У меня возникла проблема. Под футером моего сайта слишком много пустого пространства. Я пробовал в файле style.css в свойствах атрибута #footer у свойства margin уменьшать значение, отвечающее за нижнее поле (у меня там написано:
margin: 12px 10px 495px 143px;
и я пробовал писать значение нижнего поля меньше 495рх, но это не помогло).
Можно ли уменьшить количество пустого пространства под футером? И если можно, то как?
Архив со всеми нужными файлами прилагаю.

@королев · 18.01.2014, 17:52

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>univer-comp.ru - магазин готовых рефератов, курсовых и дипломных работ</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style>
@font-face {
 font-family: tahoma;
 src: url("tahoma.eot") /* EOT file for IE */
}
@font-face {
 font-family: tahoma;
 src: local('Tahoma'),
      url("tahoma.ttf") /* TTF file for other browsers */
}
@font-face {
 font-family: "monotype corsiva";
 src: url("mtcorsva.eot") /* EOT file for IE */
}
@font-face {
 font-family: "monotype corsiva";
 src: local('Monotype Corsiva'),
      url("mtcorsva.ttf") /* TTF file for other browsers */
}
</style>
</head>
 
<body>
<div id="container">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<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="header">
<img class="owl" src="owl.png" />
<img class="univer_title" src="title_univer.png" />
<div style="position:absolute; top:36px; left:345px; z-index:1;  
font-family:arial; font-weight:bold; font-size:18pt; color:#000">К очередной сессии готов!</div>
</div>
</body>
</html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<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="menu">
<a href="index.html" class="main_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Главная</a>
<a href="order.html" class="order_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Заказать работу</a>
<a href="gotov_rab.html" class="ready_work_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Готовые работы</a>
<a href="perevod.html" class="translation_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Бюро переводов</a>
<a href="price.html" class="price_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Цены и оплата</a>
<a href="contacts.html" class="contacts_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Контакты</a>
<a href="humour.html" class="humour_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Юмор</a>
<a href="about.html" class="about_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">О нас</a><img class="star_new" src="star_new.png" />
<div id="orange-reclama">
<b><div style="text-align:center; z-index:1;  
font-family:times new roman; font-size:6.5pt; color:#008000">Специальное предложение!</div></b>
<div style="text-align:center; z-index:1;  
font-family:times new roman; font-size:7.5pt; color:#008000">Только у нас Вы можете</div>
<div style="text-align:center; z-index:1;  
font-family:times new roman; font-size:7.5pt; color:#008000">приобрести</div>
<div style="text-align:center; z-index:1;  
font-family:monotype corsiva; font-size:12pt; color:#008000"><a href="present.html">матрицу успеха</a>!</div>
</div>
</div>
</body>
</html><div id="content">
<img class="student" src="student.png" />
  <p align="center"><b><font style="font-size: 16pt">Добро 
    пожаловать!</font></b></p>
<p></p>
  <p align="justify"><font style="font-size: 13pt">Если Вам нужно срочно 
    сдать реферат, курсовую работу, диплом или решить контрольную работу, то 
    Вы сделали правильный выбор, зайдя на наш сайт! Наш магазин <span lang="en-us"><b>univer-comp.ru </b></span>всегда рад предложить 
    своим клиентам широкий выбор готовых рефератов, курсовых и дипломных 
    работ, а также решенных контрольных работ по различным предметам. Вы 
    можете выбрать нужную работу в каталоге работ или указать тему нужной 
    работы в форме заказа, и наши менеджеры подберут и предложат  
    работу в случае наличия таковой в нашем каталоге.</font>  
  <p align="justify">
  <p align="justify">  
  <p align="justify">  
  <p align="center" style="margin-top: 0; margin-bottom: 0"><b><font style="font-size:16pt">Причины приобретения готовой авторской работы</font></b></p>
  <p align="justify" style="margin-top: 0; margin-bottom: 0"> <span style="font-size: 13pt"> Есть несколько причин, чтобы приобрести готовую работу, а не заказывать 
    ее выполнение:</span></p>
  <p align="justify" style="margin-top: 0; margin-bottom: 0"> <span style="font-size: 13pt">- готовая работа стоит в 2-3 раза дешевле, 
    при этом качество работы такое же высокое, как и вновь выполненной;</span></p>
  <p align="left" style="margin-top: 0; margin-bottom: 0"> <span style="font-size: 13pt"> - приобретение готовой работы быстрее, чем ожидание заказанной работы;</span></p>
  <p align="left" style="margin-top: 0; margin-bottom: 0"> <span style="font-size: 13pt"> - готовая работа уже проверялась и, вероятнее всего, соответствует 
    требованиям, предъявляемым преподавателями;</span></p>
  <p align="left" style="margin-top: 0; margin-bottom: -6px"> <span style="font-size: 13pt"> - работа была выполнена по заказу и, скорее всего, сдавалась только один 
    раз.</span>
  <p align="justify">
</div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<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="footer">
<p style="position:relative; top:136px; text-align:center; z-index:1;  
font-family:times new roman; font-size:13pt">&copy; univer-comp.ru 2013. Все права защищены</p>
<div id="banner">
<a href="http://ru.nordfx.com/?id=434574" target="_blank"><img src="http://nordfx.com/banners/ru/promo_nfx728x90_2.gif" title="За консультацией по вопросам трейдинга и работы с NordFX обращайтесь по адресам на странице &quot;Контакты&quot;."></a></div></div>
<div id="counters">
<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t12.13;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";h"+escape(document.title.substring(0,80))+";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->
<!-- HotLog -->
<script type="text/javascript" language="javascript">
hotlog_js="1.0"; hotlog_r=""+Math.random()+"&s=2235866&im=408&r="+
escape(document.referrer)+"&pg="+escape(window.location.href);
</script>
<script type="text/javascript" language="javascript1.1">
hotlog_js="1.1"; hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N");
</script>
<script type="text/javascript" language="javascript1.2">
hotlog_js="1.2"; hotlog_r+="&wh="+screen.width+"x"+screen.height+"&px="+
(((navigator.appName.substring(0,3)=="Mic"))?screen.colorDepth:screen.pixelDepth);
</script>
<script type="text/javascript" language="javascript1.3">
hotlog_js="1.3";
</script>
<script type="text/javascript" language="javascript">
hotlog_r+="&js="+hotlog_js;
document.write('<a href="http://click.hotlog.ru/?2235866" target="_blank"><img '+
'src="http://hit41.hotlog.ru/cgi-bin/hotlog/count?'+
hotlog_r+'" border="0" width="88" height="31" title="HotLog: показано количество посетителей за сегодня, за вчера и всего" alt="HotLog"><\/a>');
</script>
<noscript>
<a href="http://click.hotlog.ru/?2235866" target="_blank"><img
src="http://hit41.hotlog.ru/cgi-bin/hotlog/count?s=2235866&im=408" border="0"
width="88" height="31" title="HotLog: показано количество посетителей за сегодня, за вчера и всего" alt="HotLog"></a>
</noscript>
<!-- /HotLog -->
<!--Openstat-->
<span id="openstat2261333"></span>
<script type="text/javascript">
var openstat = { counter: 2261333, image: 5081, color: "38a880", next: openstat, track_links: "all" };
(function(d, t, p) {
var j = d.createElement(t); j.async = true; j.type = "text/javascript";
j.src = ("https:" == p ? "https:" : "http:") + "//openstat.net/cnt.js";
var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(j, s);
})(document, "script", document.location.protocol);
</script>
<!--/Openstat-->
</div>
</div>
</body>
</html></div>
</body>
</html>

Добавлено через 31 секунду
Посмотри что скрипт у тебя геренирует. Куча body и head...

Добавлено через 9 минут
тут проще переписать все, чем править. Но в качестве обучения - необходимо переписать.
Давай начнем с того что у тебя

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<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="menu">
<a href="index.html" class="main_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Главная</a>
<a href="order.html" class="order_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Заказать работу</a>
<a href="gotov_rab.html" class="ready_work_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Готовые работы</a>
<a href="perevod.html" class="translation_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Бюро переводов</a>
<a href="price.html" class="price_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Цены и оплата</a>
<a href="contacts.html" class="contacts_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Контакты</a>
<a href="humour.html" class="humour_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">Юмор</a>
<a href="about.html" class="about_button" style="position:absolute; z-index:1; font-family:tahoma; font-size:8pt; color:#000; text-decoration: none">О нас</a><img class="star_new" src="star_new.png" />
<div id="orange-reclama">
<b><div style="text-align:center; z-index:1;  
font-family:times new roman; font-size:6.5pt; color:#008000">Специальное предложение!</div></b>
<div style="text-align:center; z-index:1;  
font-family:times new roman; font-size:7.5pt; color:#008000">Только у нас Вы можете</div>
<div style="text-align:center; z-index:1;  
font-family:times new roman; font-size:7.5pt; color:#008000">приобрести</div>
<div style="text-align:center; z-index:1;  
font-family:monotype corsiva; font-size:12pt; color:#008000"><a href="present.html">матрицу успеха</a>!</div>
</div>
</div>
</body>
</html>

в каждом php скрипте.
Итого ты на страницу подключаешь 2 скрипта и получаешь повторяющийся участок кода.
.
Правильно сделать (точнее наиболее удобоваримый для тебя) ,
это нужно прописать этот код только в скрипте header.php,
а все закрывающие теги типа </body></html> вконце в файле footer.php и больше никаких тегов <body> <meta> и т.д. в скрипте не используй. (разметка <div> - можно использовать где удобней.)
давай сначала так, а потом пришли исправленный архив.

@Oleg556677 · 19.01.2014, 13:47 **[ТС]**

Убрал лишние закрывающие теги. Пустого пространства под футером стало заметно меньше, но все равно оно еще осталось. Можно ли убрать его вообще, чтобы под зеленым фоном футера не было белого пространства? Исправленный архив прилагаю.

@королев · 19.01.2014, 14:03

Попробуй так

CSS
1
2
3
4
5
6
7
8
#counters {
    height: 31px;
    display: block;
    position: absolute;
    width: 500px;
    margin-top: -50px;
    margin-left: 450px;
}

@Oleg556677 · 21.01.2014, 13:29 **[ТС]**

королев, отредактировал код для #counters, как вы посоветовали. Помогло. Большое спасибо!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .

@Oleg556677 0 / 0 / 0 Регистрация: 06.04.2012 Сообщений: 52
	21.01.2014, 13:29 [ТС]
	королев, отредактировал код для #counters, как вы посоветовали. Помогло. Большое спасибо! 0