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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2012
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Navigaion bar looks fine on my monitor but misplaced on other monitors?

    Hi guys I have a navigation bar where the code for the position is
    position:absolute; left:350px; top:400px;
    On my computer it looks fine and where I wanted it to be. But on my friends computer it's skewed all the way to the right. So what am I doing wrong? I'm fairly new to CSS and only learned through some online reading so sorry for the beginners question :/

    Code:
    body {
      	background:url(../images/bg.png);
    	margin: 0;
    	padding:0;
    
    }
    
    #logo {
    	background:url(../images/header.png) no-repeat;
    	background-position:50% 0%;
    	width:100%;
    	display:table;
    	
    	
    }
    
    #content {
    
    	width: 900px;
    	margin: 450px auto 0;
    	background: white;
    	border: solid 1px #CCC;
    	padding: 20px 20px 0px 20px;
    
    
    }
    
    
    
    #header {
    	position:absolute;
    	left:350px;
    	top:400px;
    	list-style:none;
    }
    
    #header li {
    	display:inline;
    	padding:0px 32px 0px 0px;
    }
    #header ul li a {
    	font-family:'Limelight';
    	color:#FFF;
    	font-size:30px;
    	text-decoration:none;
    }
    #header li a:visited {
    	display:inline;
    	font-family:'Limelight';
    	color:#FFF;
    	font-size:30px;
    }
    
    
    
    
    #piecemaker {
    	position:relative;
    	left:-50px;
    	top:-100px
    
    }
    Last edited by kduan; 01-19-2013 at 09:26 PM. Reason: typo

  • #2
    Regular Coder
    Join Date
    Sep 2011
    Posts
    343
    Thanks
    3
    Thanked 37 Times in 37 Posts
    Your friend's computer probably has a different resolution. If so, you made a very, very basic error and will probably need to learn the basics of positioning in CSS. See my signature for a tutorial on that.
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.


  •  

    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
    •