HTML
<div id="container">
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>
I've had to add a few more divs inside the header div to include my table for banner and navigation.
HTML
<div id="header">
<?php include("includes/_header_section.php"); ?>
<?php include("includes/_login_section.php"); ?>
<div id="content_section_heading"> </div>
</div>
<?php include("includes/_header_section.php"); ?>
<?php include("includes/_login_section.php"); ?>
<div id="content_section_heading"> </div>
</div>
my output template file http://sonesay.trap17.com/gag/new_template.php its css http://sonesay.trap17.com/gag/css/new_style.css
I need the content part to cover all the space between the header and footer to cover the #cotainers bg color.
my original problem which lead me to redo the above template was the output of my news (sample version) http://sonesay.trap17.com/gag/news_test.php. Once the page got too long the footer which is surpose to be fixed at the bottom moves. I ran the document at w3 validator and it checked out ok.
http://sonesay.trap17.com/gag/news_test.php is using CSS from http://sonesay.trap17.com/gag/css/style.css sorry its abit clutered and have alot of unused ids and classes there.
. I prefer the vertical scroll bar to span all the way from top to bottom and have the page appear as one long page. But I think the problem occurs when the page gets too long and the footer comes off position as here 