Extending footer all the way to the left

[Edrol97]

Hi all, I have this div that's not working correctly for me. I've tried things like left: 0; but that doesn't seem to work on this. This is the HTML and CSS I have for this section.

<footer style="background-color: #ec1801;">
      <div id="roche1">
        <a href="https://www.facebook.com/house.of.lord.illustration1/" target="_blank"><img src="img/background/Facebook Logo.png" class="fa fa-facebook"></a>
        <a href="https://twitter.com/eliotlord1" target="_blank"><img src="img/background/Twitter%20Logo.png" class="fa fa-twitter"></a>
        <a href="https://www.instagram.com/house_of_lord_illustration/?hl=en" target="blank"><img src="img/background/Instagram logo.png" class="fa fa-instagram"></a>
    
       <a href="Home.html"><div class="title_text3">&#169 Eliot Lord 2024</div></a>
       <br>
      
       <div class="column"><a href="Home.html"><p>Phone Home</p></a></div>
       <div class="column"><a href="about_me.html"><p>About Me</p></a></div>
       <div class="column"><a href="Bad_Times.html"><p>Bad Times are Now</p></a></div>
       <div class="column"><a href="cv.html"><p>The Professional Bit</p></a></div>
       <div class="column"><a href="Art.html"><p>The Main Event</p></a></div>
       <div class="column"><a href="https://procartoonists.org/profile/eliotlord/" target="_blank"><p>Trust Me, I'm a Professional</p></a></div>
       <div class="column"><a href="Mail.html"><p>The Fail</p></a></div>
     
      </div>
    </footer>

footer {
  background: #ec1801;
  padding: 20px 20px 20px;
  margin-top: 60px;
  text-align: left;
  width: 100%;
  position: relative;
  bottom: 0px;
  user-select: none;
  -webkit-user-drag: none;
}

As always help appreciated. Thank you.

 

[joeworkman]

Its really impossible to say from just the snippets that you provided. There could be other CSS on the page affecting things. You could try putting a margin:0 on the footer. That could help. If you have a live URL, we might be able to help more.