Question

I have managed to get header at the top, and content at the center. But I did get stuck with placing user-navigation div at the right of the content. I have tried using position:relative, but what happens it appears below content’s div, but on the right though, and also when I scroll down the view, it appears on top of the header.

So how do I solve this? Thanks!

Updated

This is how it should look visually:

Answer 1

<div id="header">
</div>
<div id="nav">
</div>
<div id="content">
</div>

#header { position:fixed; height:100px; }

#nav { float:right; margin-top:100px; }

#content { overflow:auto; margin-top:100px; }

Should work unless I didn’t understand.