Hello this is my first post so please be Gentle!

I am just learning CSS design conceptss and have been using the Dreamweaver behavior from Studio VII and it works great but for one issue.

When this page www.jacksonshg.com/newjhg
Loads it is left justified and when it finishes loading it moves to the center where I want it to be for all screen resolutions.

Can anyone help me understand what I am doing wrong and offer a solid fix.

Thanks in advance
Billy

P.S. LadynRed I am trying to take your advice and redo the design without tables.

Your advice is correct!

Can someone move this to the CSS forum I posted it in the wrong section.
Thanks Billy

I believe it's happening because you're using position:absolute for everything. The browser cannot calculate where things should be until the entire page is loaded first.

Position: absolute for everything simply isn't necessary and can cause many other problems. Use the normal document flow and probably floats where you actually need to position something.

Thanks LadynRed.


Can you give me an example of what you mean by using the "normal document flow"

Using the code below

#Layer1 {
position:absolute;
left:107px;
top:21px;
width:790px;
height:518px;
z-index:1;
background-color: #FFFFFF;
overflow: auto;


Sorry for my ignorance I am just a visual person and it helps for me to see it.

Thanks again
Billy

I have reviewd this:
http://www.w3.org/TR/CSS21/visuren.html#normal-flow

But am still confused on what to do I tried to change the position attribute and it just jacked the design all up.

I am so sloooooowww at this!

Thanks for any help

The normal document flow - top to bottom, left to right. If you want a header first, you put that in your HTML first. Then the content area, then the footer. You then use floats to push things around left/right where you want them.

Of course it's going to jack up your design, just taking out the absolute rules will do that.

My suggestion, look at these resources:
http://css-discuss.incutio.com/?page=FloatLayouts

You might also try downloading a couple of these templates and looking at how they are coded: http://www.openwebdesign.org/