Как я могу избавиться от пробелов на моем сайте?

Question

У меня проблема с моим сайтом, на всех страницах моего сайта в основной части есть белый пробел. Это мой index.php страница:

body { 
 
    vertical-align: middle; 
 
    margin: 0; 
 
    background: url(flame_bg.png) no-repeat left top; 
 
} 
 
#bg_container { 
 
    height: 500px; 
 
    overflow: hidden; 
 
} 
 
#bg { 
 
    width: 100%; 
 
} 
 
#content { 
 
    position: relative; 
 
    top: 0; 
 
    padding: 60px; 
 
    vertical-align: middle; 
 
} 
 
#content2 { 
 
    position: inherit; 
 
    top: 10px; 
 
    padding: 60px; 
 
    vertical-align: top; 
 
}

<div id="content"> 
 
    <p>&nbsp;</p> 
 

 
    <p>&nbsp;</p> 
 

 
    <p>&nbsp;</p> 
 
    <h1><span style="font-size:36px; color: #fd4000; font-family: 'Tahoma', Geneva, sans-serif;">Welcome, to Burning Chat</span></h1> 
 

 
    <p><span style="font-size:24px; color=#fd4000; font-family: 'Tahoma', Geneva, sans-serif;">Whether you&#39;re browsing for a friend, or wanting to improve your business&#39; audience.</span> 
 
    </p> 
 

 
    <p><span style="font-size:24px; color=#fd4000; font-family: 'Tahoma', Geneva, sans-serif;">Burning Chat provides you with a sociable expierence to connect with your close ones wherever you are, and its free.</span> 
 
    </p> 
 
</div> 
 

 

 
<div id="pageMiddle">&nbsp;</div> 
 
<div id="pageBottom">&copy;2015 Burning Flame</div>

Вы можете просмотреть этот вопрос здесь: www.burningchat.tk

Я также требуют <p>&nbsp;</p>, чтобы опустить текст на странице.

Answer 1

после осмотра дома он выглядит как ваш #pageMiddle имеет высоту 1000 пикселей.

в таблице стилей обеспечивают это:

#pageMiddle{ 
    height:0; 
} 

, что необходимо сделать трюк.

Answer 2

Вы даете #content и #content2 a padding:60px;. Это означает, что вокруг этих контейнеров вы создаете пробелы в 60 пикселей. Это то, что вы имели ввиду?

Кроме того, ваш HTML ужасно в руинах. Больше нет тегов <font>, не говоря уже о <font-family>, это были устаревшие столетия назад. Вместо этого используйте соответствующие свойства CSS:

h1 { 
    color: #fd4000; 
    font-family: "Tahoma", Geneva, sans-serif; 
}