Centralising my site

Hey, currently working on a site, heres a shortened version of my code....

<div id="container">
<div id="banner"></div>
<div id="middle"></div>
<div id="footer"></div>
</div>

The container is 700 x 700 pixels, how do i centralise the whole thing so it alway appears in the middle of the browser?

thanks

You need margin: 0 auto; in your container div css

You would want to use this:

HTML: Select all

<div id="middle" align="center"></div>

That is the simplest way to do it. If you mean something else, I can still help...

Cheers,
SWagner

AdRock, im already using margin: 0 auto; but it isnt working in ie, its fine in mozilla. In IE the containers about 5 - 10 pixels from the left

Then post a link so we can see the whole thing!

Calm down Karinne. It isnt online yet.

Calm down? Who's freaking out?

All I'm telling you is that if you want help, put your site online. There's plenty of free hosting (see freewebs.com).

If the code we gave you, which is right, isn't working, then there's something else causing a problem so we need to see the whole thing.

The easiest way, and fastest, to get help, proper help, is to provide a link.

That's depricated, use margin: 0 auto; instead.

Alex, he already said it wasn't working with margin:0 auto; that's why I suggested the div align value... But any other (or better) solutions would still be good. Correct me if I'm wrong!

This should definitely work.

Code: Select all

#container {
width: 800px;
margin: 0 auto;
}

Excepting ignorance, there's no justification for suggesting deprecated methods, when their correct counterparts are simple. Let's teach people good methods, and not outdated crud from the 90's.

If "margin: 0 auto" is failing, it's probably because he's looking at the page with the IE5 layout engine. This engine does not support auto margins.

This will happen in IE6, when an incorrect doctype is declared. IE6 will then activate doctype switching, and use the old IE5 layout engine.

You can see why it helps to have a link!

OK, I give up. I guess I've been living in the past... Sorry for being deprecated! I did not want to give bad advice, I just did not know that it was deprecated (no one tells me these things!).

Wow Mike, what a "technical sollution" there!
Now.. everytime I see this kind of problem, I'll copy and paste your technical explaination there for them to read! hehehe.. seriously..!

I never knew that, another knowledge from you, I guess

Hey swagner,

to see what elements and attributes are deprecated, have a look the W3C site

Elements
Attributes

There's a Depr. column in both those tables. If there's a D, then it's deprecated

hth

Have you sorted out the problem yet? If not can you post the code so we can see....you may have missed something which somebody else may pick up?

Thanks Karinne! Most of those I knew. I just never realized the align elements/attributes were deprecated.

You'll find out such things pretty quickly if you validate against a Strict doctype.