Solved

2 containers on one webpage

Posted on 2013-11-01
4
249 Views
Last Modified: 2013-11-01
Is it possible to have 2 container divisions on one webpage?  If so, how would I do this?
0
Comment
Question by:lrollins
  • 2
  • 2
4 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 39617204
You can either nest them:

<div id="container1">
   <div id="container2">
   </div>
</div>

or stack them:

<div id="container1">
</div>

<div id="container2">
</div>
0
 
LVL 1

Author Comment

by:lrollins
ID: 39617248
That's what I thought.  I've attach a snapshot of the page.  My container1 is broken up as you see the blue squares.  The menu that is circled should be in the block the arrow is pointing to but I can't seem to get it there.   There alignment for that block is set for float: left so that might be the problem.
webpage-project.doc
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39617273
Without code and CSS, impossible to help.  At a guess, your menu probably has the clear CSS property set so it breaks out.

Overall comment..."containers" in CSS are any block element.  You can have as many as you wish so long as you know how to move them around and position them with CSS.
0
 
LVL 1

Author Closing Comment

by:lrollins
ID: 39617311
Ok.  I got it to align like I wanted.  Thanks.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
CSS issue 8 32
How to make a moving character 3 57
Jquery/JSON passing value from one function to another 12 38
Location of Buttons 4 15
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

778 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