Moving Content; when browser is resized :(

it works btw i just dont understand why everything moved so far?

adjust the values of left:225px; and top: 100px; in:

#sidebar{
	margin: 0 auto 0 auto;
	position: absolute;
	float : right;
	left:225px;
	top: 100px;
	width:200px;
	text-align: justify;
	line-height: 13px;
	background: #eeeeee;
	margin: 0;
	padding: 0 10px 0 8px;

}

okay thank you for that part ??
i noticed when i add
“position:relative;”
to the .img class the blog content and menu link moves to the bottom.
but when i use absolute the content is hidden under the image
why does that happen?

&it also seems that hen i added the relative
the image shifted to the right
and i cant position it to the top right like i want…

i just checked the link you gave me after i posted all of that -___-
i found out that using fixed instead of absolute and relative help the image.

i tried relative for the container also and it didnt work
so i switched to fixed and the text now overlaps the image ??

i thank you so much for this wonderful help ??

If you have spare time on your hands to help a first timer
please send me and email ??

i don’t know how i will send that to you??

I’ve been reading the page to the link you gave me
and tried different codes.
the image is sent to the back with
“position: fixed”
how ever when i tried resizing the browser again,
the sidebar along with the blog content would would again .
grrr.

*sigh* and Now,
my footer isnt where it needs to be -_-

I had the same problem.

Just make sure that you give sufficient space around each object and you should be fine.

Art