Div positioned under other div

Let's say I've got an outer div container that is 1024 px wide. Now I'd like
to place two divs, each 600px wide, stacked one on top of the other. How is
this done? Or do I need another container around the two 600px divs? No
matter what I've tried to do with alignments/positioning, they always butt
up side-by-side.

Thanks,
Max

"Max" <max (AT) max (DOT) com> wrote

Let's say I've got an outer div container that is 1024 px wide. Now I'd
like to place two divs, each 600px wide, stacked one on top of the other.
How is this done? Or do I need another container around the two 600px
divs? No matter what I've tried to do with alignments/positioning, they
always butt up side-by-side.

Oops, sorry. A simple <br> answered my question.

Thanks.

Max wrote:

Let's say I've got an outer div container that is 1024 px wide. Now I'd like
to place two divs, each 600px wide, stacked one on top of the other. How is
this done? Or do I need another container around the two 600px divs? No
matter what I've tried to do with alignments/positioning, they always butt
up side-by-side.

Set their width to 600px, their right and left margins to auto, and
remove any position: or float: properties from their styles.

Result is two divs, one above the other, centered in your page.
If you want them 'left aligned', set margin-left to 0, and
margin-right to 1024-600=424px. (give or take a few depending on
border widths).

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Phyllis Nelson - Move Closer