HTML Forum

**pixelxs** · 11:12 AM

thanks everyone for helping out. =]

**Insensus** · 03-01-2007, 02:03 PM

The easiest way of doing it is enclosing everything in your <body> tag by a <center> tag.

Regards,
Insensus

**LadynRed** · 02:16 PM

NO ! The <center> tag is deprecated and should NOT be used.
If you're going to use CSS, use it to center your layout.

Add this to your rules for <body>
text-align: center; *** makes IE 6 & below center

Then, if you have wrapped your entire fixed-width layout inside a #wrapper div (which you should to make this easy), add this to the rules for the #wrappper:

margin: 0 auto; ** centers for all other browsers **

Make sure you give your #wrapper a defined width or it won't work.

Oh.. and the BEST way to code a layout -- NO TABLES !!!!

**pixelxs** · 02:19 PM

i'll try that now.
thanks alot!
i'll definetley try NOT to use tables! =]

**Tom_M** · 03-01-2007, 02:20 PM

I'm not sure why your table based layout has the need to be positioned? Positioning your tables in this case is just extra markup if you ask me. Is there a reason why you chose to position everything like that?

**Insensus** · 03-01-2007, 02:20 PM

I'm sorry.

I'm not too good you know.

LadynRed already specified your solution.

Regards,
Insensus

**pixelxs** · 03-01-2007, 02:25 PM

well really i've only used a table for the main content, and i've used css to position that because i had to position it above the image.

And insensus, It's all good! believe me, i'm not too good at this myself! which is why i probably sound like a complete newbie!

**Learning Newbie** · 03-01-2007, 02:36 PM

Quote:

Originally Posted by pixelxs

so far i've tried positioning the tables with css, and it's worked fine!

Wow! You can use css and tables in the same sentence after all!

**Insensus** · 03-01-2007, 02:47 PM

Of course you can!
I'm using css to style my tables for a school site I'm making.

Regards,
Insensus

**RanaD** · 03-01-2007, 03:00 PM

Quote:

Originally Posted by Learning Newbie

Wow! You can use css and tables in the same sentence after all!

lol...You can also do a layout with tables, but do you want to?

**LadynRed** · 03-01-2007, 03:13 PM

It's perfectly acceptable to style a DATA table with CSS, it is the better method.

**taketherisk** · 03-01-2007, 09:51 PM

I always center my fixed width layouts with the following code:

CSS:

Code:

.wrap1 {
  text-align: center;
}
.wrap2 {
  margin-left: auto;
  margin-right: auto;
}

HTML:

Code:

<div class="wrap1">
<div class="wrap2">

<div>Centered div....</div>

</div>
</div>

Hope this helps...

-Brett

**quantumcloud** · 03-02-2007, 01:41 AM

Is there any advantages in using 2 classes? Why not use single class?

Quote:

.wrap {
text-align: center;
margin-left: auto;
margin-right: auto;
}

<div class="wrap">
<div>Centered div....</div>
</div>

**taketherisk** · 02:03 AM

I'm not sure...

I tought myself most of this stuff.
But now that you say it... i'm really stumped on why i didn't try this before.
*** laughs at self ***

Both ways work the same, but from now on i will be using just one class, thanks for pointing that out.

You can also use:

Code:

.wrap {
position: absolute;
left: 50%;
}

But i wouldn't use this way... ever.

-Brett

**RanaD** · 03-02-2007, 05:43 AM

Code:

.wrap {
  text-align: center;
  margin: 0 auto;
}
 
<div class="wrap">
<div>Centered div....</div>
</div>

**LadynRed** · 03-02-2007, 07:32 PM

The margin: 0 auto will work fine for any browser except IE6 or older. For THAT browser, you have use text-align: center in the rules for the <body> tag, AND you have to use the 'wrapper' to contain the rest of your fixed-width layout. Using position: absolute is generally not a good solution.