Отступ от низа экрана. Помогите найти.

stardg · September 9, 2011

Помогите пожалуйста разобраться с такой проблемой.

У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал).

Как убрать это расстояние?

Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...

psywalker · September 9, 2011

#wrapper {

background-image: url("../img/bg_bot2.jpg");

background-position: center bottom;

background-repeat: no-repeat;

min-width: 1000px;

overflow: hidden;

position: absolute;

top: 0;

width: 100%;

stardg · September 9, 2011

Вот спасибо!

Помогло!

ну я и лопух.

Vartigont · October 23, 2011

У меня похожая проблема. Появился совершенно необъяснимый отступ в header.php. Браузер (Goodle Chrome) в DeveloperTools (это такой аналог firebug) отображает этот отступ как кавычки, хотя в коде ничего нет:

Header.php

<?php?>
<html>
<head>
<title>Строймир Моторс</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
a:link {
	text-decoration: none;
	color: #FFF;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #db2f28;
}
a:active {
	text-decoration: none;
	color: #FFF;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-left-style: solid;
	font-weight: inherit;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
</style>
</head>
<body bgcolor="#dbdbdb">
<table class="fix" width="1000" border="0" align="center" cellpadding="0" cellspacing="0" margin="0" vspace="0">
<td width="7" rowspan="2" style="background-repeat: repeat-y; background-image: url(IMAGES/HLShad.png);"> </td>
<td height="115" colspan="7" class="Header"><img src="IMAGES/Logo.png" alt="Строймир МОТОРС" hspace="40" vspace="10" align="left"><img src="IMAGES/avto.png" align="right"> </td>
<td width="7" rowspan="2" style="background-repeat: repeat-y; background-image: url(IMAGES/HRShad.png);"> </td>
  <tr class="button">
	<td height="20" class="button"><a href=index.php>Главная</a></td>
    <td height="20" class="button"><a href=Dia.php>Диагностика</a></td>
    <td height="20" class="button"><a href=RS.php>Развал-схождение</a></td>
    <td height="20" class="button"><a href=ZM.php>Замена масла</a></td>
    <td height="20" class="button"><a href=SM.php>Шиномонтаж</a></td>
    <td height="20" class="button"><a href=STO.php>СТО</a></td>
    <td height="20" width="400"> </td>
  </tr>
</table>

<!-- end header -->

style.css

.button {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	clear: none;
	float: none;
	background-image: url(IMAGES/ButtonBG.png);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #3838B4;
	border-right-color: #3838B4;
	border-bottom-color: #3838B4;
	border-left-color: #3838B4;
}
.fix {
	padding: 0px;
	margin-top: -20px;
	margin-bottom: 0px;
	overflow: hidden;
	display: table-footer-group;
}
.Header {
	background-image: url(IMAGES/HeaderBG.png);
	background-repeat: repeat-x;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.text {
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #323A45;
}
p {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
}
.image {
	background-color: #666;
	background-position: center center;
	text-align: center;
	height: 300px;
	margin: 0px;
	padding: 0px;
}

стиль .fix создавал дабы убрать этот отступ. Помогло margin-top: -20px; но хотелось бы знать из-за чего это, и как это правильно убрать. Уже не в первый раз такое...

P.S. Ссылку на сайт увы дать пока не могу, т.к. он пока что на виртуальном сервере Denver

Edited October 23, 2011 by Vartigont

Vartigont · October 23, 2011

Проблему решил, сохранил php файл программой Notepad++ следующим образом: Кодировки -> Преобразовать в UTF-8 Без BOM. После чего сохранил файл и отступ пропал.

Sign In

Отступ от низа экрана. Помогите найти.

Question

stardg

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

stardg

Link to comment

Share on other sites

Vartigont

Link to comment

Share on other sites

Vartigont

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information