Hey peeps, So I am currently working on Wolpertingers profile I used a div within a div (box -> history, story, credits) Now I got the problem, that when other click on the links (History, Story and Credits, beneath the frame) the whole thing relocates ... but the biggest problem is, everything works out fine for me, tried it on so many resolutions, and everything worked out fine, so I am a bit clueless what bug is in my code ._.

So HELP :D

I'm guessing it's the fixed position. Use absolute instead.

(also your scrollbar cover isn't properly aligned)

thanks for the help :D totally forgot about that, as I started the code it was with absolute position, then I played around a bit xD That's what I mean with problems - on my screen everything is perfectly aligned, but thanks - going to change it :)!

To keep everything aligned on different screen resolutions you should add this:

{ margin:0px; }

The default for it has an annoying percentage margin which keeps things moving about.

thanks, as I added it, the overlay was not aligned, but now the background relocates at my screen when I click on the links x_x I also added the margin to the page-tag

Well obviously when making those changes positions will need to be readjusted. For example with the margin you're losing 19px on the left side.

.edit

Oh and if you don't want to have to go into negative numbers when positioning, try giving a 0 margin too.

Yeah, obviously, but still after I readjusted nearly everything (not everything is perfectly aligned) - it seems that the background 'jumps', like moving to the top

At least the background and text stay together now.

If you mean the entire page jumping, that's because it scrolls.

sorry for my noob question, but what do you mean by that? which part causes this and how can I make it stop x_x

Usually the page reset code makes the scrolling stop.

This is what I use. Though it may interfere with some of your other coding.

, , , , , , { display:none; } , { background-color:transparent !important;height: auto !important; }

, , { margin: 0 !important; border: 0; }

as it seems it really does not work with my amount of text what I call code ^^ using this cuts off the whole div - sorry fpr my lack of knowlegde with this ._. I teached myself some coding, but as it seems not enough cough

Exchange this:

html, body {background-color:; background-image: url(http://i794.photobucket.com/albums/yy224/chiralein/sub/wolpibg_zpsa5f79b34.png~original); background-repeat:no-repeat; overflow: hidden;}

with this:

body {background-color: !important; background-image: url(http://i794.photobucket.com/albums/yy224/chiralein/sub/wolpibg_zpsa5f79b34.png~original); background-repeat:no-repeat; overflow: hidden;}

oh my, thank you so much, it finally (?) works out, at least at my screen xD

It works on mine too. (I assume you're not fully done re-positioning everything) :)

Yeah, you are right :) links and pet/owner info needs to be relocated

Well then everything looks great, since those were the only things I noticed were out of place. ;)