HTML Forum

**Chrisy** · 08-10-2006, 05:49 AM

I want to center align my background but i don't know how? Any suggestions?

The Site

**mastercomputers** · 08-10-2006, 09:08 AM

This is definitely not XHTML 1.0 Strict. You can't have two body elements. Nor does the background attribute exist in XHTML 1.0 Strict on the body element.

There is no center element, nor can it be placed in the head section. There is no align attribute for div.

There is no border attribute for images. You are using & and not & for URLs and content.

There's probably more problems but that's what I could see just by glancing at it, first fix these errors, remove the <DIV ALIGN=CENTER> and the second body element, remove that <center> element from the head, the other problems can be fixed later but won't affect the styling now.

Either in the stylesheet add/atler the body styling:

Code:

body {
  background: url('http://www.freewebs.com/extreme-soundz/bg.gif');
  width: 85%;
  margin: 0 auto;
/*  text-align: center;  */ /* Uncomment this if IE isn't centering */
}

And that should be it, but you need to clean it up.

Cheers,

MC

**Chrisy** · 12:52 PM

Ok i entered that, but the only immediate difference i could see was that it changed my font from Verdana to Times New Roman...i think i have the background pretty much fixed...but i need to fix my font back!

*EDIT*: The background appears to be centred now....

Also, in IE, my paragraph is very far down the page, but it appears correctly in Firefox.

I removed this from the start of my page, but it now appears to have messed up the page in IE...however, it agaaain appears correct in Firefox.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

	curiously.green1.0 by nodethirtythree design
	http://www.nodethirtythree.com
	hope you enjoy it :)

-->

**Joe Right** · 08-10-2006, 03:30 PM

Well, you could put in a span and then align with css or you could put whatever you wanted in a div and then align/center that using css.

Example:
<div id="whatever">
Whatever you want to center goes here.
</div>

Then with css.

<style type="text/css">#whatever {
align: 0 0 0 0;
margin: 0 0;
padding: 0 0:
}

See kinda like that. Of course, this is just an example.