I have tried following similar instructions on Stackoverflow but to no avail. Even after setting margin:0 and padding:0 in my code, the issue persists.
The first div represents the side bar, the second div is the content (blue), and there is mysterious white space on the right. This whitespace does not belong to a third div, it simply exists as empty space. I am looking to eliminate this unwanted white space.
https://i.sstatic.net/fOfym.png
Here's how my CSS/HTML looks:
#dashboard {
width: 100%;
}
#content {
float: right;
width: 80%;
overflow: hidden;
background: aqua;
}
#sidebar {
font-family: "Open Sans";
/* More styles... */
}
<section id="dashboard">
<div id="sidebar">
<!-- Logo -->
<div id="logo"><img src="img/FDMxLogo.png" /></div>
<!-- Nav -->
<a class="mob-nav"> </a>
</nav>
</div>
<div id="content">
<a href="create.php" class="add">Add Graph<br></a>
<br>
<br>
<br>
<?php echo $div;?>
<button style="margin-top:0em;width:100%; " type="submit" onClick="remove();">REMOVE</button>
</div>
</section>