Как удалить нижнюю границу страницы с помощью CSS

Question

Пожалуйста, смотрите эту страницу:

http://artezanatostudio.com/index.php

Обратите внимание, что в нижней части есть запас ниже нижнего колонтитула в нижней строке. До сих пор все мои усилия по избавлению от него потерпели неудачу. Я пытался использовать:

body, html { margin: 0; padding: 0; } 
#footer { margin: 0; padding: 0; } 

Я даже пробовал:

#footer { margin: -50px; } 

Все безрезультатно.

Хотя страница имеет много CSS файлов, два важные, которые я издаю, чтобы попытаться снять нижнее пространство являются следующими

site_above/включает/шаблоны/Зенн/CSS/style.css

и

site_above/включает/шаблоны/Зенн/CSS/стиль-ci.css

Если вы можете предоставить какие-либо улики, чтобы помочь мне было бы предотвратить меня от полужирный преждевременно, и вы будете иметь удовлетворение тем, что вам помогли кому-то, кто сошел с ума.

Заранее спасибо.

Answer 1

Таблица стилей, исходящая из стиля style-ci.css, и правило speciifc находится на .row div.

Снимите:

div.row{ 
    margin-bottom: 26px; 
} 

и сделать его краю дна: 0px;

Примечание: это действительно легко понять с помощью инструментов Chrome dev!

Answer 2

#footer > div.row { 
     margin-bottom: 0px; 
    } 

Answer 3

Попробуйте это:

div.row { 
font-family: MuseoSans-Reg, Verdana, Geneva, sans-serif; 
color: #7f7f7f; 
margin-bottom: 0px; 
} 

Они Ключевым моментом здесь является то, что margin-bottom было изменено на 0px.

Вы используете браузер с достойным веб-инспектором? Я смог определить его менее чем за 10 секунд с помощью консоли веб-разработчиков Chrome.

Answer 4

проклятие будет лучшим решением, но на данный момент вы можете попробовать:

#footer { 
    overflow: hidden; 
} 

Answer 5

Внутри футере существует DIV с классом строки. Он имеет край с дном с 26 пикселями. Удалите это значение, и ваша проблема исправлена.

div.row { 
    font-family: MuseoSans-Reg, Verdana, Geneva, sans-serif; 
    color: #7f7f7f; 
} 

Вы также можете установить его на ноль, но если это не необходимо, я предлагаю вам его удалить.

Answer 6

Убрать margin-bottom: 26px; с Стиль-ци.CSS (линия №: 86)

т.е. изменить div.row CSS следующим

div.row { 
     font-family: MuseoSans-Reg, Verdana, Geneva, sans-serif; 
     color: #7f7f7f; 
} 

Answer 7

на вашем <div class="row"> внутри вашего <div id="footer"> удалить что margin-bottom: 26px;

Answer 8

Вы можете увидеть это очень легко самостоятельно.

Если вы используете Mozilla Firefox/Chrome:

1. правой кнопкой мыши на элементе, который вы имеете проблему с
2. Выберите последний вариант - Осмотреть элемент (или что-то похожее на него)
3. Начните перемещаться по элементам кода, который появился, чтобы увидеть, что делает дополнительное пространство там!

Как вы идете корыта соответствующие стили CSS, которые появляются на правой стороне, вы скоро узнаете, где некоторые дополнительный запас.

Что в этом случае, как и все уже упоминались в элементе div.row:

div.row { 
    font-family: MuseoSans-Reg,Verdana,Geneva,sans-serif; 
    color: #7F7F7F; 
    margin-bottom: 26px; 
} 

Надеется, что это немного помогло!