ncriptide — Sun, 25 Nov 2007 13:38:22 +0000

Thanks Roo and Calculator!

Your suggestions worked!!!! And thanks for the explanation as to the "why" - as I'm really trying to understand this the best I can. Your taking the time to offer your advice has really helped.

Thanks!!!!

calculator — Sat, 24 Nov 2007 23:49:06 +0000

To center a site in ie5 and ie6 you need: text-align:center on the body and then text-align: left on the wrapper. In addition to what Roo said your code then becomes (i also used CSS shorthand):

body {
background:#030;
font:1em Palantino "Times New Roman", Times, serif;
text-align:center;
}

#wrapper {
background:#B86401 url(../images/bkgnd.jpg) 50% 0 no-repeat;
width: 850px;
margin: 25px auto;
padding:25px 0;
text-align:left
}

'
background:#B86401 url("/images/bkgnd.jpg") 50% 0 no-repeat; explained in details.
#B86401: is an orangy colour like you background. This makes it more seemless when the background appears. You may need to add a green colour to #main and #header it the orange goes behind those as well.
url("/images/bkgnd.jpg") I would always use / to start paths (even links) that way you don't have to cont how many folders deep you are.
50% 0 is the position of your background can also be written as centred top
no-repeat or repeat-y if your page is likely to be longer than the background

You may also want to turn any of your background images into jpg instead of gifs. You should shave around 100K in file size on the orange thing.

Roo — Sat, 24 Nov 2007 22:59:50 +0000

Add this:
background-position: center;