How to put important content first in html/xhtml

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

I would like to make my website as friendly as possible for mobile
devices and search engine bots. That is, I think that all the
important stuff should be at the beginning of the document, followed
by the navigation stuff.

I have a floating navigation menu on the right side of my page. It is
in a div tag like: <div style="float:right">content of menu</div>. If
I put this as the first tag of my page, it will appear where I want
it, on the right side of the page, the rest of the text floating
around it. If, however, I put it at the end of my text, it will appear
the bottom of the page.

How do I fix something like this? Also, is it possible to define the
whole menu structure at the top of the page at the bottom of the
source text?


Douwe Osinga

Re: How to put important content first in html/xhtml

On Tue, 08 Jul 2003 09:38:32 -0700, Douwe Osinga wrote:

Quoted text here. Click to load it

The basic technique is if you have something like:

  <div style="float:right;">menu</div>

Replace with:

  <div style="float:left;">content</div>

There are more details of course: you will need to set widths, fiddle with
alignments, etc.

My site has several different style sheets, many of which use this
technique: /

Toby A Inkster BSc (Hons) ARCS | | pgp:0x6A2A7D39
    aim:inka80 | icq:6622880 | yahoo:tobyink |
   | "You've got spam!"

Site Timeline