Skip to content

Instantly share code, notes, and snippets.

@humbleRumble

humbleRumble/new-nav-bug-fix.md

Last active August 29, 2015 14:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save humbleRumble/6b3922e3ea5bf900f41d to your computer and use it in GitHub Desktop.
Save humbleRumble/6b3922e3ea5bf900f41d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
new-nav-bug-fix.md

Apply position: relative to #content

Remove float: right from #sidebar and apply the following

#sidebar {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
}

Remove all styling from #permalink and #feed-link and move them into a new div#sidebar-bottom inside #sidebar.

Apply the following

#sidebar-bottom {
    position: absolute;
    bottom: 0;
}

Before: ^ Notice the difference in vertical alignment of the links in question and the pagination links.

After: ^ Notice they are now aligned perfectly

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment