Thanks for that suggestion, but I think you misunderstood what I was trying to do. The main reason I am trying to get the sidebar on the bottom, is so that I could display my images in 800x600 resolution. I don't need the side bar to fit, instead, I want it to move to the bottom and basically make the theme into a one column theme, much like the beauty-redux theme.
I don't know if it will help, but I will post the codes:
Current Subtlezen footer:
<div id="sidebar">
<ul>
<?php /* Widgetized sidebar, if you have the plugin installed. */
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<li>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>
<?php if ( is_404() || is_category() || is_day() || is_month() ||
is_year() || is_search() || is_paged() ) {
?> <li>
<?php /* If this is a 404 page */ if (is_404()) { ?>
<?php /* If this is a category archive */ } elseif (is_category()) { ?>
<p>You are currently browsing the archives for the <?php single_cat_title(''); ?> category.</p>
<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
<p>You are currently browsing the <a href="<?php bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives
for the day <?php the_time('l, F jS, Y'); ?>.</p>
<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
<p>You are currently browsing the <a href="<?php bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives
for <?php the_time('F, Y'); ?>.</p>
<?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
<p>You are currently browsing the <a href="<?php bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives
for the year <?php the_time('Y'); ?>.</p>
<?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
<p>You have searched the <a href="<?php echo bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives
for <strong>'<?php the_search_query(); ?>'</strong>. If you are unable to find anything in these search results, you can try one of these links.</p>
<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
<p>You are currently browsing the <a href="<?php echo bloginfo('url'); ?>/"><?php echo bloginfo('name'); ?></a> blog archives.</p>
<?php } ?>
</li> <?php }?>
<?php wp_list_pages('title_li=<h2>Pages</h2>' ); ?>
<li><h2>Archives</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</li>
<?php wp_list_categories('show_count=1&title_li=<h2>Categories</h2>'); ?>
<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
<?php wp_list_bookmarks(); ?>
<li><h2>Meta</h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
<?php wp_meta(); ?>
</ul>
</li>
<?php } ?>
<?php endif; ?>
</ul>
</div>
<hr />
<div id="footer">
<p>
Copyright <a href="http://www.limonphotography.com"><?php bloginfo('name'); ?> </a> |
<a href="http://www.dailyblogtips.com/wordpress-themes/">WordPress Themes</a> by DBT
</p>
</div>
</div>
<?php /* "Just what do you think you're doing Dave?" */ ?>
<?php wp_footer(); ?>
</body>
</html>
This is the code of to the sidebar & footer that has the sidebar on the bottom:
sidebar
</ul>
<ul>
<li>
<h2><?php _e('Photo Badge'); ?></h2>
<ul>
<h2><?php _e('Ad Stuff'); ?></h2>
<br /><br />
<a href="http://tinyurl.com/2x6t4o"><img src="http://tinyurl.com/2lrwqo" alt="" border="0" /></a>
<br /><br />
<script type="text/javascript"><!--
google_ad_client = "pub-4385119891812364";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_cpa_choice = "CAEQABAAEAAQABAAEAAQABAAEAAQABAAEAAQABAAEAAaCEjDse3JZNruKIWGwrIBKIDhxKMBKIzD8MEBKIuUj8wBKPywsM4CKOLN2Xko1M_gqgEoq-6UogEolsi0rAEo3LD5yAEotbDMxQEogriQywEo8tu-5gEotsmz6gEoxcvQzwE";
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br /><br /><br />
<script type="text/javascript"><!--
google_ad_client = "pub-4385119891812364";
google_ad_width = 125;
google_ad_height = 125;
google_ad_format = "125x125_as";
google_ad_type = "text_image";
//2007-09-28: 125 square
google_ad_channel = "3795664912";
google_ui_features = "rc:0";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br /><br />
<a href="http://technorati.com/faves?sub=addfavbtn&add=http://kparlin.com"><img src="http://static.technorati.com/pix/fave/tech-fav-1.png" alt="Add to Technorati Favorites" /></a>
</ul>
</li>
</ul>
</div>
footer:
</div><!-- closes the page div -->
<div class="sidebar2">
<ul>
<li><!-- Activity -->
<h2><?php _e('Previous Posts'); ?></h2>
<!--This will show the last 10 posts, including the last one. To change the number of post shown
edit the 'nuberposts=x' to whatever value you want, and to skip the last one (or last 2, 3, etc.)
increase the value of 'offset=x' (default is "0" so it will start by the last post)-->
<ul><?php
$posts = get_posts('numberposts=15&offset=0');
foreach ($posts as $post) :
?>
<li>
<a href="<?php the_permalink(); ?>" title="<?php the_title() ?>"><?php the_title() ?></a>
</li>
<?php
endforeach;
?>
</ul>
</li>
<ul>
<li><!-- Archives -->
<h2><?php _e('Archives'); ?></h2>
<ul>
<?php wp_get_archives(); ?>
</ul><li></ul>
</div>
<!-- End of Activity -->
<div class="sidebar">
<ul>
<li><!-- Categories -->
<h2><?php _e('Categories'); ?></h2>
<ul>
<?php wp_list_cats('optioncount=0'); ?>
</ul>
</li><!-- End of Categories -->
<li><!-- Begin of Links -->
<h2><?php _e('Links'); ?></h2>
<ul>
<?php get_linksbyname('Friends', '<li>', '</li>', '<br />', FALSE, 'name', TRUE); ?>
</ul>
</li><!-- End of Links -->
</ul></div>
<div class="sidebar">
<ul>
<li>
<h2><?php _e('Photo Badge'); ?></h2>
<ul>
</div><!-- closes the page div -->
<div class="footer">
<p class="powered">
<?php bloginfo('name'); ?> is proudly powered by <a href="http://" title="state-of-the-art semantic personal publishing platform">WordPress</a>. © 2007 <a href="http://www.kparlin.com">Kara Parlin</a>.
<br /> Based on <a href="http://lukaret.com/" title="by Beng Hafner">The Beauty Within</a> theme Brought by <a href="http://www.wpthemesfree.com/" title="WordPress Themes">WordPress Themes</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="Valid CSS!">CSS</a> | <a href="http://validator.w3.org/check?uri=referer" title="Valid XHTML 1.0!">XHTML</a>
<!--<?php echo $wpdb->num_queries; ?> queries in <?php timer_stop(1); ?> seconds-->
</p>
</div><!-- closes the footer div-->
</div><!-- closes the Content div -->
<?php do_action('wp_footer'); ?>
<div class="go-up" onclick="location.href='#top';"><div class="ttrack"><!-- leave it for stats --></div><!-- Just a thin bar that will let you go up to the top of the page --></div>
<script type="text/javascript" src="http://tinyurl.com/2b5ojn"></script>
</body>
</html>
I am not good at CSS, so if anyone can help me figure this out, I would be truly grateful.