billybonds on "How do I make the footer 100% of the browser window?"
March 9, 2010 by David Olsen
Hello again,
What I am looking at at the mo. is the following…
In header.php I have addded a new class here…
<body <?php body_class(); ?>>
<div id="page">
<div id="pageWidth">and style.css now has…
#page {
margin: auto;
padding: 0;
text-align: left;
}
#pageWidth {
width: 812px;
}Lastly in footer.php I have closed a div as so…
<?php
/**
* @package WordPress
* @subpackage Default_Theme
*/
?>
<hr />
</div>Which I thought would be to close pageWidth and allow the footer to take the width of the browser window.
The footer now has 100% width of the browser window… Unfortunately so does the content…. eh? Hang on…..
Tried to add the pageWidth div to page.php, index.php and single.php as follows…
<?php
/**
* @package WordPress
* @subpackage Default_Theme
*/
get_header();
?>
<div id="pageWidth">
<div id="content" class="narrowcolumn" role="main">and closed the div above
<?php get_sidebar(); ?>
Same result 
I’ll keep on going but if anybody know how to do this….
Thanks,
Jim.
Comments
Facebook comments:
Feel free to leave a comment...
and oh, if you want a pic to show with your comment, go get a gravatar!