Quickest Way to the Generic Map Site Layout
The typical web mapping site is laid out something like this:
This is basically a gut-punch to the HTML/CSS box model and flow. Squint at that image above and tell me what you see.
Yes, that’s right. You see ArcMap. But that’s neither here nor there - in terms of usability it’s not a bad way to go. My point is HTML/CSS don’t naturally want to make a desktop style layout.
I tossed a map in there so you get the idea. Essentially the map and sidebar are absolute positioned about 70px from the top and 20px from the bottom. The sidebar is given a width of 300px. The map is given a position of right: 0 and left: 300 (the width of the sidebar).
I can’t say I’m in love with it, but it works. Let me know if you have something better.