Centering Divisions

[AllenH]

I have a question on how to center a < div > on a page. (you can see my code at http://home.satx.rr.co m/almain/Test/Default.aspx and http://home.satx.rr.co m/almain/Test/AEHcss.css

I've noticed a lot of websites are starting to go to this (i.e. cnn.com and nfl.com) I like it because I can put information in a narrower space and it makes the site look fuller. (I understand this is probably poor webdesign, but I'm just learning).

I've also looked through the forums and I saw an answer to the same question asked back in 2005 but it quickly transformed into a mud slinging contest and went off subject. The answer that was provided doesn't seem to work for me.

I also would like to know how, with or without using < div > to center a table.

[David Laakso]

#foo {width:whatever; margin: 0 auto;}
 

Validate your site.

[AllenH]

Please check out my code. I did your suggestion but it still buts the information to the left.

[David Laakso]

As previousley mentioned, validate your markup [1]. And -- as previously mentioned -- a width, in addition to margin: 0 auto; , needs to be assigned to the division you wish to be centered.

[1]
w3c markup validation service

[AllenH]

My CSS checked good. http://jigsaw.w3.org/css-validator/v...t%2FAEHcss.css The only problems I have in my actual html is it doesn't like the .aspx format (C#). I've tried the same thing on another website of mine that isn't run in C# and it does the same thing.

My CSS says:

#header    
{
    border-style: solid;
    border-color: Navy;
    background: white;
    width:  965px;
    margin: 0 auto;
    }
 

My code says

    <div id="header">
  Items in div
    </div>

[David Laakso]

The prologue above the doctype (.aspx format (C#)) is putting IE/6 in quirksmode (making it behave as though it were IE5.5) and, compliant browsers in quirksmode-- in the sense they are at "less than" standards mode (someone correct me if wrong) . I do not know how one should call .aspx format (C#) in order for this not to happen.

And the doctype you are using is invalid (malformed). In other words, the doctype is not found [1], among other errors. All in all this is not a good situation...

[1]
invalid markup

[AllenH]

Hm, good call. I didn't realize that the C# stuff would have affected the code like that.

Made it straight xhtml and it worked like a charm. Thanks!