Change flow of document

[guitardave78]

ok, follow on from my last post. Thinking to much!!

Is it possible without using a lot of document.write's to change the flow of a document ie If you have no javascript you see

<div id="header"></div>
<div id="menu"></div>
<div id="heading"></div>
<div id="bodycontent"></div>
<div id="footer"></div>

if you have javascript move the flow so. The idea is if you have javascript the menu sits at teh bottom of the page, that fits to the screen.
If you have no javascript the page will be 100% but the menu needs to be at the top

<div id="header"></div>
<div id="heading"></div>
<div id="bodycontent"></div>
<div id="menu"></div>
<div id="footer"></div>

 

[wiser3]

I think the best solutions involves not changing the html at all. Put your divs in any order you want in the html and use css to position them. Then create two external css files, one for people with javascript and one for people without. In the head of your page link to the non-javascript css as usual. Then have a small javascript that changes the css to the javascript one.

This way people without javascript stay with that css file and everything gets positioned that way. Someone with javascript gets that css file and everything gets positioned accordingly. Best of all all your html stays small and simple.

 

[guitardave78]

Check out the post called 100% div height and check out what i am trying to do

Positioning cannot really be done just with css flow from what i can see