Website Design Help...

So I have realized, I have no clue how to make a website anymore,
I know basics, but I have forgotten lots apparently here is my problem,

I have made my own design,
and implemented it,
and I like it,

but the alignments are all messed up

I like how this came out


here is my problem though,
I want it to be centered, fixed, and have NO repeat

So I added a bit of CSS to get this

Code:

<style type="text/css">
body
{
    background-image: url("images/layout.png");
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
</style>

you think it'd work,
of course not right?

when I add the css to the page I get this


the music player and text become unaligned,

why!
well I know why.. but anyone got a way around it to make my life simple...

(and yes I know that in the two pictures one is on my home page and one says contacts)

 

I think for the repeating part is should be:

Code:

background:url(images/layout.png) no-repeat;

and in doing that, get rid of
background-repeat:no-repeat;
as for the rest of your items, I've never used background-position or attatchment.

 

my css works fine,
just positioning the text and music player is my problem

 

<style type="text/css">
body
{
background-image: url("images/layout.png");
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
}
</style>
<div align="center">content here</div>

 

That's getting closer to what I want

now how do i align my freaking music player? lol

 

set it in a Div, then

style="left: 50%; margin-left:-XXX"

 

hehe that's what i was trying to member!

haha thanks, if it works I'll rep ya