Login | Register | FAQ
Anonymous

I can't get my footer to be full width

+ Post a reply

1 post Page 1 of 1


I can't get my footer to be full width

by marieege » Mon May 07, 2018 6:14 pm

Hey.
I can't get my footer full width. It follows the parrent div which is 70 %.
I don't know how to change it to be full width cause when i move it down to get its own container, it will end up in the header or lay over the previous content.
Can anyone help me??

Here is some of my Html:
<div class="colonne_1_left_section4">
<h1 style="padding-top: 90px;">COMBINE DESIGN &amp; COLORS</h1>
<p class="trolley_text">The Art Trolley size 42 x 40.5 centimeters can be combined with our wall mount (Bamboo combined light/dark &amp; light or dark)- and hanged on it.<br><br>
Choice of color completely up to you:<br><br>
<img class="trolley_color_icons" alt="trolley color icons"src="billeder/colors_icon.png" style="float: left;">
</p>
</div>

<div class="colonne_2_right_section4">
<img class="trolley1" alt="trolley visual by groos"src="billeder/1.jpg">
</div><br><br>


<footer>
<div class="footer_col1">
<a href="#">
<img alt="instagram_icon" src="billeder/Instagram_icon.png" style="width: 40px; height: 40px; padding-right: 10px;"></a>
<a href="#">
<img alt="facebppl_icon" src="billeder/facebook_icon.png" style="width: 40px; height: 40px; padding-left: 10px;"></a>
</div>
<div class="footer_col2">VISUAL ART BY GROOS © 2018</div>
<div class="footer_col3">+45 27 50 12 83 info.visualbygroos@gmail.com</div>
</footer>

</div>
</div>

<script src="hamburger.js"></script>
<script src="slideshow"></script>
</body>
</html>

Here is some of my CSS:
/* FOOTER */
footer {
margin-top: 40px;
position: relative;
width: 100%;
height: 200px;
background: rgba(226, 219, 219, 0.94);
}
.footer_col1 {
height: 70px;
padding-top: 40px;
text-align: center;
}
.footer_col2 {
height: 30px;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
}
.footer_col3 {
height: 40px;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
}
User avatar

marieege

  • Posts: 1
  • Joined: Mon May 07, 2018 6:02 pm


+ Post a reply

Page 1 of 1