Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 304
  • Last Modified:

2 containers on one webpage

Is it possible to have 2 container divisions on one webpage?  If so, how would I do this?
0
lrollins
Asked:
lrollins
  • 2
  • 2
1 Solution
 
Jason C. LevineNo oneCommented:
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
 
lrollinsAuthor Commented:
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
 
Jason C. LevineNo oneCommented:
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
 
lrollinsAuthor Commented:
Ok.  I got it to align like I wanted.  Thanks.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now