Hello everybody,

I'm working on a site which you can see here.

I desperately want this site to be resizable (that's what liquid or fluid means, right? I haven't ever found anything that sufficiently explains the types of layouts...) and viewable in 800x600 as well as 1024. However I'm having a problem with the sidebar not lining up with the graphic on top when the page is resized. I'd like it so the sidebar div can move in tandem with the top graphic... any ideas? Anything is appreciated!!!

Take care,
Sara

You're not going to be able to get that kind of result with the way you have your page laid out. The header section that is floating all over the place is in no way 'connected' to the left side bar.

The rest of your layout is just not very well done. There's no need for a left side background and a rights-side background. Create a header at the top with the background image in the div, make it repeat across. Add a container that will hold everything and that has a BG color of white.

There are TONS of resources that explain how to manage fluid and fixed layouts, and how to manage layouts for the kind of result you want.

http://css-discuss.incutio.com/?page=CssLayouts

I would also suggest you go over to CSS Zengarden - www.csszengarden.com - , look at the layouts, save the default html and the layout CSS files (which is allowed) and pick them apart to see how they achieved the layout with a SINGLE default HTML file.

LadynRed is correct; but, since you're looking for a liquid layout, you can always try one of these

Thank you, I'll check those links out. LadynRed, I had a right-side and left-side background because the left and right of the header image end in different patterns (if that makes sense...)

in #headermain, change

position: relative;

to

position: absolute;

and add

left: 110px;

only works in IE tho, so you'd be best to redo the layout as stated above.