close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

SEO work on code

Thread began 9/26/2009 7:02 pm by keith309207 | Last modified 10/19/2009 2:38 pm by Jason Byrnes | 1776 views | 7 replies |

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

Sign in to reply to this post

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.

Sign in to reply to this post

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

Sign in to reply to this post

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?

Sign in to reply to this post

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.

Sign in to reply to this post

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

Sign in to reply to this post

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!

Sign in to reply to this post

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.

Sign in to reply to this post

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...