openstreetmap/openstreetmap-website — pull request #144 by samanpwbb (2012-10-23 20:16:40+00:00)
Title: design fixes + cleanup.

Hi,

This pull request fixes some weird behaviors and bugs, and cleans up the design on the OSM website. There are many small changes here, but nothing too dramatic. I am still getting familiar with the site so it is possible there are unforeseen consequences to some of my changes.

There are likely some things I missed here, ltr adjustments I forgot to make, and possibly some new problems introduced, so it would be great if someone else could give this a look. It's probably not quite ready to be merged.

Most of the changes are small, but there are some big layout things I decided to do differently. They may not necessarily be better in every way, but they do fix some problems with the old layout. I moved away from an absolute-positioned #content divs everywhere. This was causing some weird problems when users scrolled down, [like not showing bottom padding](http://cl.ly/image/3l2d402o1e2X), and [prematurely cutting off the left keyline](http://cl.ly/image/2i1c441C1X1X). Now, the content area is `position: relative` most of the time, and `position: fixed` when the full screen map is in place. Using `position:fixed` on the big map is nice because you can now scroll down to see more sidebar content, [but you won't end up with an ugly block of white space under the map](http://cl.ly/image/0f051s0v1E3G).

Other minor fixes:

- [No more gap on mini zoom controls](http://cl.ly/image/3C1K40140Y1Z)
- [Dropdown arrow now actually works across browsers](http://cl.ly/image/2W3k3Q2p2c3s)
- Lots of little spacing adjustments for more consistency

All my changes should work fine in IE down to 7 (at least that's as far as I tested), and the skinny layout has been adjusted to match the site as well.