Jump to content
atulthakre

How to overlap one div on another using css ?

Recommended Posts

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

 

footer.png

 

 

Share this post


Link to post
Share on other sites

#div1{width:800x;height:200px;background-color:#292929;color:#FFFFFF;}#div2{width:800x;height:50px;background-color:#333333;color:#FFFFFF;

margin-top: -50px;}

  • Like 1

Share this post


Link to post
Share on other sites

#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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...