...

View Full Version : Navigaion bar looks fine on my monitor but misplaced on other monitors?



kduan
01-19-2013, 08:24 PM
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 :/



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

}

Frankie
01-19-2013, 09:39 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum