Solved

2 containers on one webpage

Posted on 2013-11-01
4
253 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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

856 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