div problem! the text is fix HELP!

Guys,
I need help look at this screenshots..

here in window mode you can see that the text are aligned..

wtf, here in full screen what the heck look at the text!

look at my source code here..


can anyone help me with this div problem!
onegai shimasu! please! HELP!

website: etchel.net76.net

 

That problem is because you are using position: absolute. That command positioned the text left:...px and top:...px from the browser window

 

so how can i solve my problem?

 

I can't recommend an absolute fix because I can't see all the code.

Firstly, try not to use relative / absolute positioning in your code unless you really have to.

You'll often find it in code for a menu, but you should avoid it elsewhere as float takes care of positioning well enough.

Your position absolute is positioned to the relative div above it in cascading order

For instance:

body {

}

#content {
position : relative;
margin : 0 auto;
}

#content #wrapper {
position : absolute;
top : 300px;
left : 300px;
}

So the wrapper is positioned against the #content div not the body...

And as the #content is centred (by using margin: 0 auto) it will be in a different position depending on the size of the browser

I think that makes sense