Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 279
  • Last Modified:

Absolutle Positioned Navigation bar in a Float Layout

I am trying to get navigation bar to be absolute positioned.  However, when I resize the browser the navbar moves. How do I keep it in place?  See Link

http://rccwebproject.net/students/Metamora/index.html
html, body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
}
body { background-color: rgb(250,250,250)};
 
 
 
h1 {
font-family: Trebuchet MS;
font-size: 24px;
font-weight: normal;
color: rgb(47, 79, 79);
}
 
#main {
  width: 800px;
  max-width: 1000px;
  height: 600px;
  background-color:#fff;
  margin: 2em auto;
  padding: 1em;
}
 
#logo {
height:251px;
margin-top: 50px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:800px;
}
 
#buttons {
	position: absolute;
	top: 184px;
	right: 182px;
	width: 349px;
}
 
 
#footer {
font-size: 70%;
text-align: center;
line-height: normal;
margin-top: 30px;
}

Open in new window

0
Albee_J
Asked:
Albee_J
  • 2
1 Solution
 
myderrickCommented:
On the link provided the #button is positioned relative with top of -180px.

Please check and provide feedback

MD
0
 
Albee_JAuthor Commented:
I got it to work by futzing around with it.  I changed it from absolute to relative.
0
 
Albee_JAuthor Commented:
I posted to quickly in here. Sorry...
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now