I need help aligning all of this to the center and having it all match up and not have any space between any elements at all and have the footer squeeze to fit everything else. This is the church website once again: kirbychurch.org and this is taking up to much of my time to do for free.

It's perfect in FF 3, IE7 and IE8. The only issues I see our the navigation and flash in IE6.

Sorry I didnt upload the newer version yet. I did this one myself because the other one was in tables and it was a bear to edit so i decided to do it over in css and this is where i am. haha. but if someone can tell me how to get it aligned it apreciate it. Im not sure if i like the sidebar or not..any suggestions? The new one is now uploaded. http://kirbychurch.org

This post has been edited by mv08jml: Jul 3 2008, 02:46 PM

Please help...this is very important.

Fix your link!

Error 403 - Forbidden
You tried to access a document for which you don't have privileges.

Dang it..
well i fixed it...
http://kirbychurch.org
please helpp..thanks for pointing that out

are you putting some more padding above the news section?

Yes! I need help with all these things...i think ive really screwed my code up...so now im afraid to mess with it...(it might explode). no but i really am confused...i just need someone to tell me how to line everything up right.

Ok. Well ive sat down and messed with it and i have everything almost perfect except for the footer which I believe I can fix and but I cannot figure out for the life of me whats wrong with the padding or margin. Look at the flash header there is more on one side than the other. Now in the flash movie there is built in white space. I didnt build it so I cant edit it. Sucks. But bruno did it before to where it was even and now I can figure out how he did it. Help please?

So you want to centre the footer?

As for the Flash header alignment: the Flash item itself appears to contain white-space on the left side. That would unbalance the perceived alignment.

Pick up Firebug, press "Inspect", and see for yourself.

What bits and pieces exactly need fixing? Just the footer?
What do you want the footer to look like?

Can you post a graphic as to what you are trying to achieve so we can match it? thanks

I already mentioned the header itself already has whitespace. I am trying to get the whole page to center and align correctly on each side and have even white space on each side.

Er...

It looks fine to me. I'm not sure what the problem is.

I feel like we are chasing our tails. The site is centered. Do you need to refresh your computer?

To center the header add this to your css.



To the #news and #events divs add this:

That will get the gray box off the right margin.

To the #content change your margin to this:

This will equal the right margin above where we moved the gray boxes over a bit.

On the div#siteinfo you currently have a width of 780px which is what you want the width to be. However by adding the 3 pixels of padding to top/right/left/bottom you actually have added 6 extra pixels to the width (3px right + 3px left) So reduce the width to 774px.

To siteinfo.one add some left padding so that all the text lines up from the top of the website to the bottom of the website.
add


I think that should settle up all your alignment issues. But if it doesn't just let us know!

The site is centered. Yes. But the space beside the flash header is bigger on one side than the other. I would take a screenshot but screengrab doesnt do flash.

Like all the other elements you centered, in the css give the header a width and use margin: 0 auto;

Yeah, I said that exact same thing up above!