CSS Floating Sections...

by 3 replies
4
You know how you can float columns to the left and the right in order to have your main bulk of text at the top of the notepad page and the menu at the bottom, can you do this with headers too?

In other words, can my notepad page look like this but the header still be on top in the browser:


<html>
<body>

<div>
ARTICLE TEXT OR WHATEVER GOES HERE
</div>

<div>

HEADER CODE GOES HERE

</div>

Can that be done? Does it make any difference for SEO purposes?

Thanks, Chris
#website design #css #floating #sections
  • Hi Chris

    It's not something I've tried to be honest with you, I can give it a whirl if you want to see if it works or not.

    From an SEO perspective there isn't any point. Your page should flow naturally and in the recognised format of:

    <h1></h1>
    <h2></h2>
    <h3></h3>
    <p>

    From an SEO perspective if you were trying to rank your page for a particular keyword/phrase then you would want your main keyword in the <title></title> tags as well as the <h1></h1> tags. In addition you would want a related phrase in your <h2></h2> tags and anchor keywords in H3's. In other words if you set your page out how you are suggesting you will end up with all of that upside down.

    Not good IMO, hope this helps.
    Ben

    • [ 1 ] Thanks
  • If it's not gonna make any difference for SEO I'll just leave it as it is.

    Thanks very much though for the help.

    Chris
    • [1] reply
    • By all means do some more research just to make sure but I'm pretty certain.

      All the best
      Ben
Join the discussion

Next Topics on Trending Feed

  • 4

    CSS Floating Sections...

    You know how you can float columns to the left and the right in order to have your main bulk of text at the top of the notepad page and the menu at the bottom, can you do this with headers too? In other words, can my notepad page look like this but the header still be on top in the browser: