# How to align a DIV 40 pixels down (content is over a background image )

**URL:** <https://forum.kirupa.com/t/how-to-align-a-div-40-pixels-down-content-is-over-a-background-image/327357>\
**Category:** Uncategorized\
**Created:** [February 23, 2012, 10:28pm UTC](https://forum.kirupa.com/t/how-to-align-a-div-40-pixels-down-content-is-over-a-background-image/327357 "2012-02-23T22:28:20Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![multimediamkt](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@multimediamkt](https://forum.kirupa.com/u/multimediamkt)\
**Post date:** [February 23, 2012, 10:28pm UTC](https://forum.kirupa.com/t/how-to-align-a-div-40-pixels-down-content-is-over-a-background-image/327357/1 "2012-02-23T22:28:20Z")

</div>

- how to align a DIV 40 pixels down : the content is over the background image of footer2.
- the div footertxt has to get down 40 pixels to be out of the way  
On the original design I tried a \<footer\> to place the content which proved me to be a nuisance to control. Then I made up my mind to replace it by footertxt.  
Hope to get some help from you. Thanks

> .footertxt {}  
> .footer2{width:100%; height:100px; float:left; background-color:#ffcc00 ; background-image: url(…/images/webdes\_bar1.gif);}  
> footer{width:100%; font-size:18px; }

\<div class=“footer2”\>  
\<!-- original \<p class=“tagline\_left”\>–\>  
\<div class=“footertxt”\>  
\<p class=“tagline\_left”\>  
mmKt \<a href=“#”\>\</a\>\</p\>  
\</div\>  
\<br class=“clear” /\>  
\</div\>  
\</body\>  
\</html\>