?
Solved

2 containers on one webpage

Posted on 2013-11-01
4
Medium Priority
?
282 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 2000 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

WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
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

800 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