I have a SharePoint site which I have used the following CSS in a Script Editor Web Part to hide the Top Navigation and page Title as I do not want these elements to appear on the page. However, now I have a whitespace remaining where the Title and Top Navigation were. I want to know how to remove this whitespace so the content on the page is inline horizontally with the grey navigation links on the left side of the page. I'm including both the CSS and a screen shot to be clear.
<style>
#DeltaTopNavigation {
display: none;
}
#pageTitle {
display: none;
}
#Td1 {
position: relative;
top: -90px;
}
#Td2 {
position: relative;
top: -200px;
}
</style>