CSS - put page content higher in source than horizontal header menu code - how?

[DogTags]

I use templates that use a horizontal header css menu.

The menu contains a lot of entries. This means that the actual article content is way down the source page. As I understand things, search engines give lower weight to data found lower in the source.

To help remedy this, would it be possible to somehow have the page content higher in the source but still display the horizontal menu in the header in the browser, above the page content?

I've seen where you can 'float' left or right, thus allowing you to put content higher in the source and float it 'right', and then put the leftside vertical menu stuff in below the content but float it 'left'. This displays the menu on the left and the content on the right.

Is it possible to float 'top' or 'bottom' or something like that?

Any other solutions?

Many thanks

[kobra]

If you view the loaded page source - this is constructed in order of how the page is laid out.

Do you want to alter how the page displays?

[kuroi]

You can only float left and right. The idea is that elements float up naturally, in the order in which they are presented, to the highest free position.

To present something last, yet have it appear near the beginning can be done, but needs a high degree of CSS skill, and I'm not sure what the impact of those drop down menus would be.

I recommend Googling CSS-P or "absolute positioning in CSS"

[DogTags]

Thanks so much, looks like CSS-P is the way to go, time to start experimenting, thanks, again

[DogTags]

Could this be done using DIVs as well ?

Many thanks

[DogTags]

How about working with 'margin-top' to position things?

[kuroi]

Could this be done using DIVs as well ?

Many thanks

You would need some form of XHTML in which to hold the things that you were moving around, and DIVs would be a legitimate container. But they can't do the work of moving things for you.

How about working with 'margin-top' to position things?

margin-top can only push elements apart or draw them together, so you would only be able to move elements up to a fixed location is your pages were all exactly the same height. Even then, it would push everything else out of the way to get there, messing up the layout of your pages.

[DogTags]

Many thanks