Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Sep 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    My website won't adjust to resolutions.

    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:

    Code:
    #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

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    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.

  • #3
    New to the CF scene
    Join Date
    Sep 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i did what he said, it fixed it some but it still is not fully adjusted for everyone.

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by jarrex View Post
    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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •