atulthakre Posted June 12, 2014 Share Posted June 12, 2014 I want to overlap one div on another using css as shown in image below and i have following html and code <div id="div1">This is div 1</div><div id="div2">This is div 2</div> div1{width:800x;height:200px;background-color:#292929;color:#FFFFFF;}div2{width:800x;height:50px;background-color:#333333;color:#FFFFFF;} I want my footer to be like the image shown below, how can i do it ? I have uploaded the image, but if you are enable to see it then you can view the image easily at this URL http://imageart.webs.com/footer.png Link to comment Share on other sites More sharing options...
dsonesuk Posted June 12, 2014 Share Posted June 12, 2014 #div1{width:800x;height:200px;background-color:#292929;color:#FFFFFF;}#div2{width:800x;height:50px;background-color:#333333;color:#FFFFFF; margin-top: -50px;} 1 Link to comment Share on other sites More sharing options...
atulthakre Posted June 12, 2014 Author Share Posted June 12, 2014 #div1{width:800x;height:200px;background-color:#292929;color:#FFFFFF;}#div2{width:800x;height:50px;background-color:#333333;color:#FFFFFF; margin-top: -50px;} Thanks it worked for me Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now