Positioning of includes on webpage, with CSS?

[barbs75]

Hi everyone!

 

Not sure whether this is CSS related, but i am trying to organise my webpage efficiently where i have a topbar a bottom bar and then page content in between.

 

I have created a page called topContent.html which holds the logo, topmenu on the page and have then created a a page called BottomContent.html which holds my content bar and copyright logo at the bottom of the page.

 

These have been put into my login_form.php page using include statements at the start and the end of the body of my page, with all the content of the login_form.php page in between.

 

What i would like to achieve is that on all my pages the bottomContent.html page moves depending on the content before it, for example if i have a small amount of content on the page, the bottomContent.html include will appear on the screen further up the page, and if there is a large amount of content which vertically takes up a lot of space, then the bottomContent.html include will be located underneath this further down the page automatically.

 

At the moment i have the BottomContent.html include inserted within a div tag called 'footer' which is located on a linked external CSS file and has an absolute positioning of top:960px, which works for other pages, but on my login_form.php page, as it has less content, is right at the bottom of the page.

 

Can anyone tell me how automatic layout like this is achieved? is it done using CSS? obviously you can create different div tags for every include on each separate page in the CSS, but this doesnt seem good practice to me!!

 

[attachment deleted by admin]

[barbs75]

i have attached a doc file which contains the scripts for the following pages:

- login_form.php

- Style1.CSS

- BottomContent.html

 

Please have a look and help me out! i would be most grateful

 

cheers

 

Craig (barbs75)