DIV positioning Options

[rye_ryu]

Every time I go to another page on my site, the DIV layer to the right re-positions itself!

here's a link to the site....
http://02da616.netsolhost.com/dho_site/newness.php

here's what happens when you click on the link to post a comment....
http://02da616.netsolhost.com/dho_site/new...p;ucat=1,2&

I'm going in circles trying to fix this! Anybody know how to fix this? THANK YOU!!!!

[pandy]

What DIV would that be?

[rye_ryu]

What DIV would that be?

the ones named side and updates

[Darin McGrew]

The layout is centered, but different pages are wider/narrower than others, so the elements are different distances from the edges.

[rye_ryu]

The layout is centered, but different pages are wider/narrower than others, so the elements are different distances from the edges.

how are they narrower and wider and how do I fix it?

[Darin McGrew]

I recommend that you not use a centered fixed-width layout. But if you're going to do that, then you need to make sure all your content fits, and that none of it pushes the layout wider.

Or maybe you could change the layout to use a horizontal navbar, rather than a vertical navbar.

[rye_ryu]

I recommend that you not use a centered fixed-width layout. But if you're going to do that, then you need to make sure all your content fits, and that none of it pushes the layout wider.

Or maybe you could change the layout to use a horizontal navbar, rather than a vertical navbar.

What do I change so it's not a centered fixed-width? I feel like such a noob.....

[Darin McGrew]

You don't have a doctype declaration, which puts browsers in quirks mode. See
http://hsivonen.iki.fi/doctype/

Our online validator reports markup errors:
http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes

The W3C CSS Validation Service reports errors in your CSS, but I had to copy-paste the style sheet. Something in your document confuses it when I pass it the URL.

The centered, fixed-width design is caused by using "margin:0 auto;width:610px" on all your div elements, but it turns out there's other positioning going on, so I'm not sure how to fix it. It seems awfully complex for a noob...

[rye_ryu]

ding, ding, ding!! I fixed it!!! Not absolutely sure how I did it, but you gave me a clue when you mentioned centered fixed-width! I had to change the positioning of the DIV layers that kept dancing around from "top center" to "absolute". That made the difference!!

[Darin McGrew]

FWIW, the left column is chopped off if the browser window isn't as wide as you expect it to be.

[rye_ryu]

what browser are you viewing it in? i'm using safari, it looks aligned.

[Darin McGrew]

I see it in FF/Linux, FF/Mac, Safari/Mac, and Chrome/Mac. Try resizing your browser window so it isn't full-screen (or use a full-screen browser on a smaller display).