I have my site layed out and working properly. I use P7 Snap Layer to get my layers to go into place. I do not know CSS....yet but I hope to begin learning soon. My problem is that when the page loads, my layers shift to the right. I have tried anchoring the layers in Snap Layers to a couple different things. My website is www.the-lfc.com. I have them anchored right now to the logo in the top left corner and I think that is where the problem is coming from because I have to use coordinates for Left and Top relative to the logo rather than the side of the browser meaning that the LEFT & TOP coords that I enter into Snap Layer are different than what Dreamweaver is reading in the properties.

Now, I have tried creating a layer at 0L 0T and 100% width and height to try to anchor the layers to thinking that if the anchor object started in the upper most top left corner than the coords in Snap Tool would match what Dreamweaver says they are. No luck. Also tried creating a layer to hide everything until the whole thing loads and then hide...no luck there either.

Any help would be greatly appreciated. I have researched the web about this and been able to find nothing in regards to this but one other post that no one has answered.

Scott

Edited by - Simbo411 on 05 Apr 2007 23:22:18

Think your problem is worse than that: try narrowing your browser and the header shifts to the left but the content stays put.
To be frank the code isn't pretty there are so many nested tables, but I think the issue might be you have some absolutely positioned elements in the middle of the page under the #events element and the banner at the top is merely centred- not by the css- so the two parts to the page are acting independently.

How your going to fix it without having all day to play with the original code- I am not sure but I would try this- I have never used snap layers- though I loaded it to see what it does just now. The problem I think is that you have anchored the div elements againast the body. The body size changes- dragging the window shows that so while the relative position of the x,y co ordinates of the divs never changes, the top banner isn't locked to this so it does move.

You have an outer table surrounding everything. I would suggest- giving it an id-"maintbl" and anchoring all your content to this. That way it should all move as one- IMO- but not tried it.



-----------------------------------
www.halleynet.co.uk