Request: Help removing blank space from bottom of webpages

I think it's just your background is repeating. You need to tell it not to.

I'm not sure whether this is what you were after, but it might help:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html dir="ltr" xmlns=""> <head> <meta content="en-us" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <!-- #BeginEditable "doctitle" --> <title>SNC Radio</title> <!-- #EndEditable --> <style> html, body { height: 100%; } .backgradient { background: -webkit-radial-gradient(circle, rgba(0,30,0.5),rgba(0,30,0,1)); background: -o-radial-gradient(circle, rgba(0,30,0,0.5),rgba(0,30,0,1)); background: -moz-radial-gradient(circle, rgba(0,30,0,0.5),rgba(0,30,0,1)); background: radial-gradient(circle, rgba(0,30,0,0.5),rgba(0,30,0,1)); background-repeat: no-repeat; } </style> <style type="text/css"> @import url('Hyperlink%20StyleSheet.css'); .auto-style3 { text-align: center; font-size: medium; font-family: Aharoni; font-style: italic; } .auto-style4 { text-align: left; font-family: Aharoni; font-size: medium; } .auto-style5 { text-align: center; font-size: large; font-family: Aharoni; font-style: italic; }

footer {
    position: relative;
    width: 100%;
    height: 25px;
    bottom: 1px;
    left: 0px;
    font-family: Aharoni;
    font-size: small;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    overflow: auto;
.auto-style6 { text-align: center; margin-bottom: 0; overflow: hidden; } 
.auto-style7 { text-align: center; margin-bottom: 0; overflow: hidden; font-size: xx-large; } 
<body style="color: #FFCC00; border-bottom-color: #003300; border-color: #003300;" class="backgradient">
    <p class="auto-style7"><a class="newStyle1" href="Homepage.html">SNC Radio</a></p> 
    <p class="auto-style5">Tune In. Rock Out.</p> <p class="auto-style3"> </p> 
    <p class="auto-style4"><a class="newStyle1" href="The%20Tunes.html">The Tunes</a></p> 
    <div id="Wrapper" style="width: 769px; height: 22px; position: relative; left: 1px; top: -35px; right: -1px; z-index: 1; margin-right: auto; margin-left: auto"> 
    <!-- #BeginEditable "text%20goes%20here" --> <p style="width: 900px" class="auto-style6">(text goes here)</p> <!-- #EndEditable --> 
    <p class="newStyle1"><a class="newStyle1" href="Event%20Broadcasting.html">Event Broadcasts</a></p> 
    <p class="newStyle1"> </p> <p class="newStyle1"><a class="newStyle1" href="Meet%20The%20DJs.html">Meet the DJs</a></p> 
    <p class="newStyle1"> </p> <p class="newStyle1"><a class="newStyle1" href="About%20SNC%20Radio.html">About SNC Radio</a></p> 
    <p class="newStyle1"> </p> <p class="newStyle1"><a class="newStyle1" href="Contact%20Us.html">Contact Us</a></p> 
    <p class="newStyle1"> </p> <p class="newStyle1"> <a class="newStyle1" href="Get%20On%20The%20Air.html">Get On The Airwaves</a></p>
    <!-- #BeginEditable "footer" -->
    <div id="footer" style="position: relative; left: auto; right: auto; overflow: hidden; width: 27%" class="auto-style6"> 2016 P & M Productions.</div> 
    <!-- #EndEditable --> 
/r/web_design Thread