I’d like to create a webpage which looks like this:
https://i.stack.imgur.com/GYEis.png
I can’t use frames(I’ll be using AJAX on the site so more reason to have everything in one page because content on one page influences others. What’s the cleanest way to do something like this?
A website which does something similar would be Google Reader. I’m a total noob with HTML and I’m not sure how they accomplished that.
EDIT: the sections should take up the entire browser window (so there is no scrolling down on the page, just individual sections. Google Reader is a good example of this. Thanks 🙂
Here is a very simple example: http://jsfiddle.net/C7eA8/. Note you will get problems using prozentual width and border on the same element. To get pixel perfect solution use width in px or draw the border to elements in the section divs.