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.
Related posts:
- esmi on "do i need php in the header-sidebar & footer?" do I need php in my header, sidebar, main, and...
- adamgay on "Problems displaying specific categories" This is probably just some little mistake, or something I’m...
- JordashTalon on "An Edit Page AND Edit Post Link" I want to put both an Edit Page and Edit...
- MichaelH on "WordPress as possible hosting website for discussion forum: info require" Please consider posting a “New Job Request” [1] to have...
- eighteesix on "issue with older entries" Hope somebody can tell me what is wrong here. This...
Related posts brought to you by Yet Another Related Posts Plugin.
Comments
Feel free to leave a comment...
and oh, if you want a pic to show with your comment, go get a gravatar!