HTML Forum

**jagsrocknfl** · 03-27-2007, 05:33 PM

Hey guys, I have created my site from using a template then modifying it... I can't seem to figure out how to center my webpage on the background.. It seems to default to the left side as seen here: http://www.justalkaboutit.com

Any advice is appreciated..

Thanks!

~Bill

**jagsrocknfl** · 03-27-2007, 09:14 PM

Please help.. anyone?

**Tom_M** · 03-27-2007, 09:34 PM

The combo of tables and divs is making it hard to find the answer...

**jagsrocknfl** · 03-27-2007, 09:44 PM

><... I guess thats why im struggling?

**travelagent** · 03-27-2007, 09:59 PM

First thing I saw is where you don't have the mandatory <!DOCTYPE Declaration> at the beginning of your site; you need to select the correct one from this table

Secondly, what's up with all of those different styles in your CSS code, and why don't you place your CSS in a separate file instead of having it cluttering up your site?

Take care of those 2 issues first, and then we'll have another look with a solution.

**WebSavvy** · 03-27-2007, 10:32 PM

I haven't looked at the site yet, but will in a few moments. Usually if you add the following to the body class in your CSS file, it'll solve the problem:

Code:

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

Then on blocks where you want text left-aligned, you'd need to set that into your CSS class for that specific block level element (this way):

Code:

.yourClass {
   text-align:left;
}

* You may or may not already be aware of the things I've just posted -- but I am mindful that there might be newbies reading this that are not yet aware of these rules.

**Kirtan** · 11:23 PM

Replace first table attributes this

Code:

<table width="100%" cellpadding="0" cellspacing="0" border="0" height="100%">

with this

Code:

<table align="center">

and you will be fine.

Problem is...
main table have 100% width and another table (content) with it has only width of 760 or something width.

**jagsrocknfl** · 03-29-2007, 11:35 PM

Thanks a ton

thats exactly what i was looking for!

**Kirtan** · 03-30-2007, 12:32 AM

OK. The problem solved. Now, listen to LadynRed and Travel Agent. Try to make website which follows web standards.

**travelagent** · 03-30-2007, 01:36 AM

Now that you have it centered, you really should clean up these code warnings:

Code:

line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 92 column 1 - Warning: <body> proprietary attribute "leftmargin"
line 92 column 1 - Warning: <body> proprietary attribute "topmargin"
line 92 column 1 - Warning: <body> proprietary attribute "marginwidth"
line 92 column 1 - Warning: <body> proprietary attribute "marginheight"
line 107 column 7 - Warning: <td> proprietary attribute "background"
line 117 column 13 - Warning: <td> proprietary attribute "background"
line 121 column 13 - Warning: <td> proprietary attribute "background"
line 121 column 106 - Warning: <img> lacks "alt" attribute
line 129 column 13 - Warning: <td> proprietary attribute "background"
line 131 column 13 - Warning: <td> proprietary attribute "background"
line 131 column 13 - Warning: <td> attribute "valign" has invalid value "center"
line 145 column 9 - Warning: <table> proprietary attribute "height"
line 149 column 13 - Warning: <td> proprietary attribute "background"
line 149 column 103 - Warning: <img> lacks "alt" attribute
line 176 column 23 - Warning: <table> proprietary attribute "height"
line 218 column 23 - Warning: <table> proprietary attribute "height"
line 273 column 50 - Warning: <img> lacks "alt" attribute
line 279 column 50 - Warning: <img> lacks "alt" attribute
line 297 column 25 - Warning: <td> proprietary attribute "background"
line 299 column 27 - Warning: <img> lacks "alt" attribute
line 307 column 27 - Warning: <img> lacks "alt" attribute
line 314 column 27 - Warning: <img> lacks "alt" attribute
line 349 column 25 - Warning: <td> proprietary attribute "background"
line 351 column 27 - Warning: <img> lacks "alt" attribute
line 354 column 8 - Warning: <img> lacks "alt" attribute
line 356 column 27 - Warning: <img> lacks "alt" attribute
line 359 column 8 - Warning: <img> lacks "alt" attribute
line 361 column 27 - Warning: <img> lacks "alt" attribute
line 364 column 8 - Warning: <img> lacks "alt" attribute
line 396 column 13 - Warning: <td> proprietary attribute "background"
line 396 column 129 - Warning: <img> lacks "alt" attribute

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!