I am coding this site, but when I re-size my window, the background image moves however the logo and other images don't. I'll post my code, if you need the HTML, let me know.

Very frustrating.

@charset "utf-8";
/* CSS Document */

body
{background-image:url(background.png);
background-repeat:no-repeat;
background-position:center;
background-position:top;
width:1024px;
height:624px;

}

.logo
{
    position:absolute;
    left:340px;
    top:50px;
    
    
}

.contact
{
    position:absolute;
    left:946px;
    top:103px;
    

    
}

.about
{
    position:absolute;
    left:840px;
    top:103px;
    

    
}

.services
{
    position:absolute;
    left:1040px;
    top:103px;
    

    
}

Get rid of the position:absolute.

then it just goes to the left of the screen...? I need it over that many pixels. Do I need to do a different position: ? Or what?

I'm kinda new to Css, but know enough to code.

Absolute means it is not part of the document flow and is not affected by other elements, so when you resize and they move the absolute ones don't


Use the document flow and margins or relative positioning to make the layout work, absolute positioning should be used sparingly or not at all if you do not understand the implications and HOW it really works.

Thank you very much for the help. I just dont get it :/

http://www.elated.com/articles/css-positioning/

http://www.barelyfitz.com/screencast...s/positioning/

not 100% on this but change background postion to background-postion:center top;