Is it possible? :)

[OxyK]

Today i have opened one weird project (http://www.scriptlance.com/projects/1217489837.shtml).

Project needs Valid XHTML and CSS!
Runs on all major browsers (IE6 and 7, IE5.5 on a MAC, Firefox 2&3, Opera 9.x)
Fixed width overall: 980 Pixel
Main content: flexible height
Sidebar flexible heights
Suckerfish is used on the menu #2

HTML-Code has to be exactly (!) in this order:
1. Content
2. Sidebar
3. Footer
4. Menus (one in the header, one after)
5. Header

Not this order: Header, Menu, Content, Sidebar, Footer. I already have it.

ok, now is the question:
does anyone know how to do VALID, FLUID layout as it supposed?

i can think only about nailing it down with position:absolute (alot of crossbrowser bugs innevitable).

any ideas? :)

[mkhosnsl]

Why not oxy?

It can be done with a simple logic.

The header and the menu needs to be in fixed height. And all other can be floating.

You just set the absolute positioning to the header and the menu. And others content, rightbar and footer.. make those relative.

Now, in the content, rightbar and footer wrap.. set a margin top property just equal to the total height of the header and menu.

And set header and menu wrap in the top.

That's it.. :cool:

[OxyK]

Why not oxy?

It can be done with a simple logic.

The header and the menu needs to be in fixed height. And all other can be floating.

You just set the absolute positioning to the header and the menu. And others content, rightbar and footer.. make those relative.

Now, in the content, rightbar and footer wrap.. set a margin top property just equal to the total height of the header and menu.

And set header and menu wrap in the top.

That's it.. :cool:

yes, it can be done with absolute positioning and i know how to do it in that way.
still the question - how to do it w/o position:absolute?
and why the layout should be mixed in that way? :)

[antonius1980]

yes, it can be done with absolute positioning and i know how to do it in that way.
still the question - how to do it w/o position:absolute?
and why the layout should be mixed in that way? :)
Hi. I'm also searching is there any solution without absolute positioning.
For what purposes the layout should be mixed in that way?
I think that's seo purposes. So when search engine spider browsing the page it will found the content first, not menu or header. So search results will be more relevant to keywords in content not to menu items like home about e t c .

[OxyK]

I think that's seo purposes. So when search engine spider browsing the page it will found the content first, not menu or header. So search results will be more relevant to keywords in content not to menu items like home about e t c .

agree with direct purpose of SEO, but I'm concerned about effect ot such mix. Spider read site and keep structure (links) to index the site. Links at the top does not affect SEO as it's internal links (please correct me if I'm wrong).
header should contain <h1> in logo so spider find the important keyword at the same start (no?) and will increase density of the keywords.
spider reads a small part of the page at the first run, if it does not reach links (structure), will it be a SEO at all? :)
ok, they have sitemap and will upload all links...
still I can't get that brilliant purpose

mkhosnsl,
what's the real purpose of the mix? does buyer told you that?

[bhamdesigns4u]

Why not use the coordinates of where you want the items to be, such that the positions would be mathematical instead of absolute?

Jennifer