Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Design Extender › CSS Menu Writer › SEO work on code

SEO work on code

Thread began 9/26/2009 4:02 pm by keith309207 | Last modified 10/19/2009 11:38 am by Jason Byrnes | 3141 views | 7 replies |

9/26/2009 4:02 pm | #1 keith309207

SEO work on code

Hi,

I am trying to use css in the CSS Sculptor 3, to move the code and content of the middle column (in a 3 column fixed width/faux column layout) to the top of the page, but still have the style work.

I am trying to ensure that the centre content appears at the top of the page from an SEO perspective.

Has this been done before, and if so how?

Thanks

Keith

9/28/2009 10:40 am | #2 Jason ByrnesWebAssist

A basic three column layout will have the following structure:

html:

<body>
<div id="outerWrapper">
  <div id="contentWrapper">
    <div id="leftColumn1"><left column content></div>
    <div id="rightColumn1"><right column content></div>
    <div id="content"><main content></div>
  </div>
</div>
</body>

You can reorder the divs in the code to have the content div listed first:

html:

<body>
<div id="outerWrapper">
  <div id="contentWrapper">
    <div id="content"><main content></div>
    <div id="leftColumn1"><left column content></div>
    <div id="rightColumn1"><right column content></div>    
  </div>
</div>
</body>

This change will not effect the layout.

10/16/2009 8:19 am | #3 keith309207

Code change

hi,

I think I must have some strange CSS somewhere as when I move the content to the top of the page, the left and right menus shift to the bottom. I have inherited the CSS code from a developer so am trying to see what might cause it.

index.html

10/16/2009 8:45 am | #4 keith309207

blank template

even when I do it with a new template using sculptor 3 it does the same..it pushes the side menus below.. maybe something to do with the float?

10/16/2009 3:06 pm | #5 Jason ByrnesWebAssist

So, it turns out my statement "This change will not effect the layout" was not true.

It is not possible to reorder the divs with out affecting the layout. The problem is that floated divs such as the side navigation divs must be declared before non floated element such as the main content.

10/16/2009 5:55 pm | #6 keith309207

Suggestions

Ok, I can understand that advice can be wrong. However I would have thought that the ability to build an optimised framework would be automatically built into a commercial "paid for" product.

Can someone who works for the webassist suggest the answer rather.

Thanks

K

10/16/2009 5:57 pm | #7 keith309207

Suggestions

I understand that the comment earlier was an error, however if you could just solve the problem of the comment wherby u said "side navigation divs must be declared before non floated element such as the main content"... then I would be able to live happily ever after!

10/19/2009 11:38 am | #8 Jason ByrnesWebAssist

That comment was intended as explanation of why the main content cannot come before the side divs.

the side divs are floated, so must be before the main content div.

You will not be able to move the main content div to be before the side divs because of this.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.