kdallstar Posted January 19, 2013 Share Posted January 19, 2013 (edited) Hi guys I have a navigation bar where the code for the position isposition: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 :/ @font-face { font-family: 'Limelight'; src:url(../fonts/Limelight.eot); src:local(Limelight), url('../fonts/Limelight.ttf') format('opentype');} 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;} Edited January 19, 2013 by kdallstar Link to comment Share on other sites More sharing options...
fikiwan Posted January 19, 2013 Share Posted January 19, 2013 may be you can try like this .... <style type="text/css">#header { width: 600px; margin: 100px auto; /*use margin for tataletak*/ padding: 10px; background: green;}</style><div id="header"></div> Link to comment Share on other sites More sharing options...
jeffman Posted January 19, 2013 Share Posted January 19, 2013 In general, absolute positioning is trouble. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now