I've got a bar at the bottom of one of my web pages that I'm using as a Facebook menu like thing but I can't get the menus to align properly on multiple resolutions. This is how it looks on my 1920x1200 resolution
[img]http://www.teamfackin.net/moocow/pictures/bar1.jpg[/img]
It's not fully aligned but if I fucked around with it I could get it aligned, yet that doesn't solve the problems I'm having when using a different resolution. On different resolutions it's aligned differently like so:
[img]http://www.teamfackin.net/moocow/pictures/bar2.jpg[/img]
The CSS I'm using for that particular menu is
[code]#admin_menu
{
width: 270px;
background-color: rgb(247, 247, 247);
border: 1px solid rgb(204, 204, 204);
padding: 10px;
position: fixed;
bottom: 25px;
right: 19%;
display: none;
line-height: 120%;
}[/code]
It doesn't help that the bar has more whitespace on the right of it at bigger resolutions either.
I'm not really familiar with CSS positioning at all, so I was wondering how I can get this menu to align properly with the button itself, like it would on Facebook?
I may be wrong but I think using percentages for the right placement is throwing it off.
Hard to tell what's going on with a teeny cropped screenshot.
Yeah Moocow, context would be nice D:
Also it's because you're using percentages for right margin. You'll need to use fixed positioning (px) or elastic (em) to ensure that it's the same.
Oh Jesus, don't use relative percents. If you can, I'd make it all hard coded. :3
Sorry, you need to Log In to post a reply to this thread.
