Center CSS, make it center, this is not a pretty one.

Hey Guys and Gals!

I've been handed an HTML document using CSS that was created with a "what you see is what you get" (i know, ew) program...
It's ugly, it's difficult to understand...

I just need to get this page to be centered, 0 margin from the top, but centered horizontally.
Can anyone help me???

Thanks a TON for your time and help!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- Generated by Avanquest Technology v:8.0. For information please visit: <a href="" rel="nofollow"></a> -->
<html lang="en">
	<title> Home </title>

changing sequence of html but not changing layout of page

If i understand correctly the spiders look at the content highest up on the page, so i am tring to do some SEO on my index.html page. The way my page was laid out it has some testimonials and an opt-in box as some of the first content on the page. i want to move these down without changing the layout of the page. Do i do this within CSS? If so how?

i tried to just cut and paste the div id “sidebar” which contains the testimonials and container down below everything but it changed the layout.

this is page I am referencing:

png and margin errors in IE6

Here is the page in question:

Everything works perfect in current versions of IE, Firefox, and Safari. BUT... How can I fix the .png files transparency when they load in IE6. And the top navigation menu's margin is also messed up in IE6. Can someone please help me please???

Here is the css for the navigation:

#nav {
	background: url(images/nav_bar.png) no-repeat;
	height: 46px;
.menu {
	float: left;
	list-style: none;
	margin-top: 15px;
	margin-left: 20px
.menu li {
	float: left;
.menu a {
	float: left;

IE position problems...again.

So! I created a really simple site for a non-profit not too long ago, and didn't realize there was anything wrong with it until just recently. While it works fine in Firefox/Safari/Opera, in IE the layer modernbricksmenu2 is far below the rest of the content...any ways this could be fixed?


How would you solve this div riddle?

Hi there.
I try to build this website strictly with div's and css. I put one body div around everything. I put pictures 1,2,3 and 4 inside a header div and each inside it's own div. Pictures 5,6,7 and 8 are inside container and each inside it's own div. Footer is pic 9 and it has div on it's own.
Now, I managed to make 1 and 2 image look like in photoshop but img 3 and 4 I can't force into the header div.
It keeps slipping underneath the header box no matter what I do. I did my maths by the way with dimensions and check it many times. I really wander if this is possible?

Syndicate content