I started off with a very basic css template and now am lost as to why the positioning on the page isnt working. can someone take a look and tell me why the page isnt uniform? Thanks in advance!


www.sugarandspicesrq.com

Try t

#body_area {
position: relative;
}

Once you've done that

reset your apdivs left and top positions

that should help

That shifted the divs down to the bottom of the page. I'm really at a lost here. Thinking about starting from scratch which would really suck!

try this

#apdiv2 {
top: 10px;
left: 0px;
}

#apdiv3 {
top: 45px;
left: 0px;
}

#apDiv1 {
height:350px;
left:60px;
position:absolute;
top:115px;
width:675px;
z-index:1;
}

You created div tags inside of a div tag. The div tags are positioned in relation to where the parent div tag (body_area) is positioned. You're code needs to be revised. You have a lot of CSS properties that are not needed.

it is still positioning the divs outside of the body area

Originally Posted by shipfreejewelry

You created div tags inside of a div tag. The div tags are positioned in relation to where the parent div tag (body_area) is positioned. You're code needs to be revised. You have a lot of CSS properties that are not needed.

Understood. I am not sure why the divs are moving outside of the parent.

None of the code that I gave you has been implemented on the page. Set the body area to relative. Once you've done that, the apdivs will position themselves to body_area. You have to play around with the top and left properties of each apdiv.

Div 1 now acts correctly. Div 2 and 3 are outside of the body area now.

Ok, I see it now. I used your guidelines from Div1.

Thank you very much for your assistance.

It looks good

Ok, let me say this - get rid of ALL of that positioning, except for the relative positioning on the body area. You are asking for trouble with IE7 (and 6) with all that positioning and you're complicating things for yourself. Learn to use the normal document flow, and floats, and margins and padding to put things where you want them - not relying on Dreaweaver's absolute mess.