CSS Fixed and Floating - Reviewing Websites

Landau Forte
Derby Yamaha Music School
The Sims 3
Facebook
BBC

I've been looking across the Internet at how websites act and respond when the user resizes the window or maximises etc.

I looked at some mainstream sites such as Facebook and BBC and Sims 3, as well as more niche sites such as Landau Forte and Derby Yamaha Music School. My research can conclude that the way most of the sites move around are relative to a position. For example, the Landau Forte and BBC websites are positioned to be central to the screen and when the window is made larger, nothing happens, other than all the content staying central to the window.

Some sites, such as Facebook and Sims 3 are still central, but having moving objects. For example, on Facebook, if you resize the window the blue bar at the top will resize to fill all the way along the top of the site, however the whole website is still centrally positioned. The Sims 3 site also works in the same way, with the Sims 3 logo staying positioned absolutely top left, making it always visible.

Having done this research, I've decided that I am going to create my Markeaton Park website in the same style, using CSS to configure the site to be central, and remain central on resized windows.

Ill aim to keep the site's dimensions with in 800x600 to keep it accessible to a lot of monitors and screens.