Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

How do I stack these two divs on top of each other?

Posted on 2011-03-23
3
Medium Priority
?
649 Views
Last Modified: 2012-05-11
I have a site here: http://208.109.84.228/~hibbsinc and I need to stack the "banner" and "searchBox" DIVs on top of each other so it looks like the attached image.

Any help would be appreciated. Divs
0
Comment
Question by:Donnie Walker
3 Comments
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 35196798
you need to use
position:absolute

give the same position:absolute, and top and left style values to both
0
 
LVL 2

Accepted Solution

by:
MINORITYmaN earned 2000 total points
ID: 35197314
i would do that:

#banner {
float: right;
font-size: 80%;
text-align: right;
margin-top: 20px;
margin-right: 45px;
color: white;
width: 72%; /* enlarge the banner*/
}

Open in new window

#searchBox {
background: url("../images/search.jpg") no-repeat right top;
float: right;
width: 160px;
text-align: right;
margin-top: 10px; /* change 70px margin to 10px margin */
margin-right: 45px;
}

Open in new window

0
 

Author Closing Comment

by:Donnie Walker
ID: 35198882
thanks
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month12 days, 9 hours left to enroll

579 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question