HTML coding order versus layout question

I want to design a site with header, navigation part and content... for SEO purposes I want the coding in the order of content, header and navigation area... but w开发者_JAVA百科hen viewing the site we want to see header first then navigation area then content... is there any way doing this ?

Absolute positioning. This poses a bunch of other issues involving fixed heights, but gives you and idea of where to go. Also, agree with comments, this is not a good approach and may even lie on the edge of "black hat" SEO techniques.

<div id="Container">
    <div id="Content"><div>
    <div id="Header"><div>
    <div id="Navigation"><div>
<div>

#Container
{
    position: relative;
}
#Content
{
    position: absolute;
    top: 300px;
}
#Header
{
    position: absolute;
    height: 200px;
    top: 0px;
}
#Navigation
{
    position: absolute;
    height: 100px;
    top: 200px;
}