15ongm 15ongm - 1 year ago 103
HTML Question

How to get rid of white space at bottom of screen?

The Problem

enter image description here

There is this pesky white space at the bottom of my screen and it won't go away even though I do
margin-bottom: 0
padding-bottom: 0

If someone could get rid of this white space at the bottom it would be very much appreciated!

My Code


<div class="container-fluid no-lr-padding no-b-padding">
<div id="Menu" class="row-fluid no-b-padding">
<div id="Menu-Header" class="header">
<div class="panel-group" id="problem-panels">
<div class="panel panel-default top-panel">
<div class="panel-heading" data-toggle="collapse" href="#collapse1">
<h4 class="panel-title">
Cox Subtraction Level 1c
<div id="collapse1" class="panel-collapse collapse in">
<div class="panel-body">
<ul class="nav nav-pills">
<li class="active"><a>11</a></li>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title" data-toggle="collapse" href="#collapse2">
Cox Addition Level 3b
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">panel body 2</div>
<div class="panel panel-default bottom-panel">
<div class="panel-heading">
<h4 class="panel-title" data-toggle="collapse" href="#collapse3">
Cox Subtraction Level 2a
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">panel body 3</div>


padding-bottom: 0;
margin-bottom: 0;


Answer Source

You need to remove the bottom margin from your problem-panels div:

#problem-panels {

jsFiddle example

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download