Question

I am creating a new web application using ASP.NET MVC3 Razor and HTML 5.

I know not all browsers support HTML5 yet but still I would like to try it out.

has anybody made any page with a left navigation layout? I would like an interface similar to Gmail ( or outlook ) with a navigation bar full height on the left side and the page content taking all available space on the right.

any guide lines on how to make this?

Answer 1

All it takes is a couple of css constructs to achieve the result you want:

#left { float:left; width: 200px; }
#rest { margin-left: 200px; }

Then your html is something like:

<div id="left">...</div><div id="rest">...</div>

And, as far as I know, it does not depend on HTML5 at all (considering the loose definition of HTML5 were CSS3 is usually included…).