[Pro] Box Model Semantic Correctness

When designing a box model (inlive divs) site. What is the correct way to arrange the content for he correct semantic flow?

An example would be to add in the following order:-

Add Main Content div, then…

  1. Insert HTML item > for “right column” div (and float right) e.g. for comment about the page.

  2. Insert HTML item > “main page content” left column div (float left)

But is that correct? If you look at the site with styles turned off, the “right column” div is arranged in the code “before” the “main page content” div. Surely this is not right.

I’ve heard on the forum that in Freeway the first div inserted should be the one that should be floated right. But this make the page content code flow a different way.

If you look at this kind of page div layout in a wordpress blog, the side column comes after the main content code.

Anyone wish to comment about the correct (or most beneficial) method?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you’re going to use a right float to get content into the right column, you need to put it first in the sort order or you will see different layout depending on the make and model of browser your visitors use.

There’s another way to get this layout, though. Make your left column first, set it to float left. Then insert your right column div. Give it a width, but no float, and it should slip up next to the left column. (The left has to be narrow enough to permit this.)

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is my point, doing “right column first” make the right column content appear first on the page (as a search engine might see it). Hence questioning the reason of doing this at all?

If your interesting look at your Freeway sites with styles turned off, you will notice many don’t make any sense in the content order.

Would correcting this content flow make any real difference to search engines?

On 12 Apr 2009, 12:53 pm, waltd wrote:

If you’re going to use a right float to get content into the right column, you need to put it first in the sort order or you will see different


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You’ll need to complain to the Safari and IE developer teams. Only
Firefox cares not which order the floated DIVs are in. Putting right
first is something that’s “just done” because otherwise your layout
looks really icky. I agree that it makes little sense in terms of the
source order. I would prefer that all browsers rendered like Firefox
in this regard, but then I also would prefer that they all rendered
form elements like Safari. And I could continue on this point, but I
won’t.

Walter

On Apr 12, 2009, at 9:50 AM, WebWorker wrote:

This is my point, doing “right column first” make the right column
content appear first on the page (as a search engine might see it).
Hence questioning the reason of doing this at all?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options