This is probably really basic...

Town87Terrier · Apr 17th, 2008, 10:21

Hello, I am currently trying to center a background image that is attributed to the body tag

body {
 background-color: #CC6600;
 background-image: url(file:Jetstore/images/jetstore_header.gif);
 background-repeat: repeat-y;
 background-position:center;
}

my question is, how would I go about posistion text over the back ground image, i want the text in a seperate div, i have tried margins, padding, align nothing seems to work :-(, i generally use percent as my markup...any advice?

Thanks

dab42pat · Apr 17th, 2008, 10:54

Without seeing your entire code and your bkground image its hard to visualise what you want.

Could you try.

HTML: Select all

#centertext{
margin-left:45%;
margin-top: 2%;


}

Or something similar.

unitedcraig · Apr 17th, 2008, 15:44

Code: Select all

body
{
  background-image: url("bg.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%
}

Get rid of

Code: Select all

<body img src="file.jpg">

from your code and include the first bit of code in to your CSS.

The first "50%" is the x value, the second is the y value, to move it up and down change the second % etc.

Hope this helps

Craig