bgogol — Thu, 11 May 2006 18:51:36 +0000

Either add your background color to the div #headerbackground or create a new style like:

html {
background: #D9D9D9;
}

aoreste — Thu, 11 May 2006 14:21:39 +0000

well, another problem just appeared. an ie-only bug (god, i hate ie). if you visit http://www.inhive.com with explorer, at the bottom of the page, you will see 2 white boxes which DON'T appear in firefox, opera. any suggestions?

got it

aoreste — Thu, 11 May 2006 14:05:56 +0000

i figured it out. used relative positioning and pointed my text pixel to pixel. i tried it before but didn't work....but it's just fine now

aoreste — Thu, 11 May 2006 12:35:40 +0000

http://test.inhive.com/bla

just resize the window and see what happens with "main"

JeevesBond — Thu, 11 May 2006 12:12:32 +0000

aoreste wrote: i want the text aligned to the left, but NOT to the left of the page, the left of the content area (which is centered).

That's the problem, it's not centred. Even if it were centred the div's width is 100% so centring will have no effect.

Is the below more what you're looking for?

<style type="text/css">

body {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#D9D9D9;
text-align: center
	/*IE Hack*/
}

#headerbackground {
background:url(headerb.png) repeat-x;
z-index:1;
}

#header {
height:330px;
background:url(header.png) no-repeat center ;
z-index:100;
}

#footer {
background:url(footer.png) no-repeat center ;
height:133px;
}

#main {
background:url(body.png) repeat-y center;
margin: 0 auto;
width: 30em;
text-align:left;
}
</style>

I've marked the bits in red that have been changed. Note that I've added a width to your main and put the margin onto it too.

As for the text with the header... I'm confused! Could you explain exactly what you need (am easily confused) and maybe post a link to the page so we can see the images?