HTML coding order versus layout question...

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 when viewing the site we want to see header first then navigation area then content... is there any way doing this ?

Answer 1

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;
}