I want my website layout to have a fixed width, but always be centered in the browser. I know that top and left is default. How do I make the main container go top and center?

if you gave a link to the page you’re working on, it’s always better than any detailed explanation :-)

Above are the modifications you need to make/add to your css..

Regards,

Thanks. It’s working in Explorer, but things are still going to the default left in Mozilla.

Any other ideas?

nouks1 - 26 November 2007 11:06 PM

Thanks. It’s working in Explorer, but things are still going to the default left in Mozilla.

Any other ideas?

Given a specific width and margin:0 auto; it should be working on mozilla too..you must be having some other css attributes that intefere..you may paste your code here or give a link to your web page so i can tell you where the problem is exactly..

Regards,

TRY THIS

If am not mistaken, i already gave this solution :)

6StringRazor - 05 March 2008 10:08 PM

TRY THIS

body { margin: 0; text-align: center;}

div#layout
{
  margin:0 auto;
  text-align:left;
} 

It looks like the same solution but it is not -
your body is definded——> body { margin:0 auto; text-align:center; }

mine is a tiny bit different—-> body { margin: 0; text-align: center;}

Thanks

Yes. The result is the same though, so this tiny bit difference doesn’t really make any difference.

let’s see what happens when he posts again - the centering issue in firefox is coming from somewhere