My website won't adjust to resolutions.

[jarrex]

I just now noticed it when my roommate went to look at it, but apparently my 2nd box moves around whenever a browser is in a different resolution.

here are the 2 boxes:

#container {
	margin: 0 auto;
	width: 30%;
	border-width:5px; 
	border-style:solid; 
	border-color: #F0F8FF;
	padding-bottom: 3em;
	background-color:#000000;
	}
#container2 {
	position: relative; left: -14.4em; bottom: 39em;
	font-size: .9em;
	margin: 0 auto;
	width: 20%;
	border-width:3px; 
	border-style:solid; 
	border-color: #F0F8FF;
	padding-bottom: 3em;
	background-color:#000000;
	}

here is what it looks like for me
http://i53.photobucket.com/albums/g7...tetemplate.jpg

and here is how it will show up for you, if you have the same resolution as me then it will look the same.
http://www.personal.psu.edu/rdg5060

[jlhaslip]

I would suggest that this issue has to do with the Font-size settings on various Browsers.
I see that you are using 'ems' for sizing. when you do that, the spacing for your page is determined by the Browser Font-sizes and each Browser has different default Font/sizes.
There is a "reset css" made popular by Eric Meyers which works to deal with this issue. Please google that.

[jarrex]

i did what he said, it fixed it some but it still is not fully adjusted for everyone.

[effpeetee]

Originally Posted by jarrex

i did what he said, it fixed it some but it still is not fully adjusted for everyone.

You haven't said what resolution you are using.

Frank