Recent Topics

1 Apr 12, 2006 14:44    

I'm always coming here with problems ... but they're usually not b2e's fault - just css. Well, here's my latest question:

I'm trying to make it so my middle column has a minimum height. As is, on my main page www.autodogmatic.com, everything lays out correctly, but when someone goes to a page with a single post, such as:

http://www.autodogmatic.com/index.php/c/2006/04/12/losbio

My right column collapses in at the bottom. I tried adding a "height" property to the bposts in css - this could work, but at a price - it would set the height to something huge to accommodate for the main page at the expense of a sloppy look on the bottom of the page. So I tried some min-height tags, but that didn't seem to work. Any ideas?

My left column is float: left and so is my bposts column. Thoughts?

2 Apr 12, 2006 16:58

add this to your middle column :-

<div style="width:1px;height:##px;float:right;font-size:1px;">&nbsp;</div>

where ## is the min-height

¥

3 Apr 12, 2006 17:24

Yabba,

This seemed to cause some serious issues ... where exactly should I put it? In the main.php? Where approximately?

I added it below, but it didn't seem to work. Thanks for your help, by the way.

<?php
	/**
	 * This is the main template. It displays the blog.
	 *
	 * However this file is not meant to be called directly.
	 * It is meant to be called automagically by b2evolution.
	 * To display a blog, you should call a stub file instead, for example:
	 * /blogs/index.php or /blogs/blog_b.php
	 *
	 * b2evolution - {@link http://b2evolution.net/}
	 * Released under GNU GPL License - {@link http://b2evolution.net/about/license.html}
	 * @copyright (c)2003-2004 by Francois PLANQUE - {@link http://fplanque.net/}
	 *
	 * @package evoskins
	 * @subpackage custom
	 */
if( !defined('DB_USER') ) die( 'Please, do not access this page directly.' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php locale_lang() ?>" lang="<?php locale_lang() ?>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php locale_charset() ?>" />
<title>autoDogmatic</title>
<base href="<?php skinbase(); // Base URL for this skin. You need this to fix relative links! ?>" />
<meta name="description" content="<?php $Blog->disp( 'shortdesc', 'htmlattr' ); ?>" />
<meta name="keywords" content="<?php $Blog->disp( 'keywords', 'htmlattr' ); ?>" />
<meta name="generator" content="b2evolution <?php echo $b2_version ?>" /> <!-- Please leave this for stats -->
<link rel="alternate" type="text/xml" title="RDF" href="<?php $Blog->disp( 'rdf_url', 'raw' ) ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php $Blog->disp( 'rss_url', 'raw' ) ?>" />
<link rel="alternate" type="text/xml" title="RSS 2.0" href="<?php $Blog->disp( 'rss2_url', 'raw' ) ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<?php $Blog->disp( 'atom_url', 'raw' ) ?>" />
<link rel="pingback" href="<?php $Blog->disp( 'pingback_url', 'raw' ) ?>" />
<link rel="stylesheet" href="custom.css" type="text/css" />
</head>
<body>
<div id="wrapper">

<div class="pageHeader">

<h1 id="pageTitle"><a href="<?php $Blog->disp( 'blogurl', 'raw' ) ?>"><img src="http://www.autodogmatic.com/images/graphics/autodogmaticheader.jpg" alt="autoDogmatic"></a></h1>

<div class="pageSubTitle"><?php $Blog->disp( 'tagline', 'htmlbody' ) ?></div>

</div>
<div id="menu">
<ul class="menu">
<li class="menu"><a href="http://www.autodogmatic.com" title="The main autoDogmatic page!">Main</a></li>
<li class="menu"><a href="http://www.autodogmatic.com/index.php/2006/03/19/about" title="About autoDogmatic">About</a></li>
<li class="menu"><a href="http://www.autodogmatic.com/index.php?disp=comments" title="All comments">Comments</a></li>
<li class="menu"><a href="http://www.autodogmatic.com/index.php?disp=arcdir" title="Archive and Categories">Archive</a></li>
<li class="menu"><a href="mailto:admin@autodogmatic.com" title="Contact autoDogmatic!">Contact</a></li>
<li class="menu"><a href="http://www.autodogmatic.com/index.php?disp=stats" title="Site Statistics">Statistics</a></li>
</ul>
<div class="contributors">
      <h5>Writers:</h5>
<ul>
<li>
<a href="http://www.autodogmatic.com/index.php/a/2006/03/22/nealbio" title="Who is this Neal guy??"><img class="left" src="http://www.autodogmatic.com/images/graphics/nealava.jpg" /></a>
<a href="http://www.autodogmatic.com/index.php/a" title="Go to 'Neal's Workshop': see only Neal's posts">Neal</a>
</li>
<li>
<a href="http://www.autodogmatic.com/index.php/m/2006/04/12/mattbio" title="Matthaus is a name?"><img class="left" src="http://www.autodogmatic.com/images/graphics/mattava.jpg" /></a>
<a href="http://www.autodogmatic.com/index.php/m" title="Go to 'House Matthaus': see only Matthaus' posts">Matthaus</a>
</li>
<li>
<a href="http://www.autodogmatic.com/index.php/n/2006/04/10/tetherbio" title="Tether the Ether, it'll make sense if you read this..."><img class="left" src="http://www.autodogmatic.com/images/graphics/tetava.jpg" /></a>
<a href="http://www.autodogmatic.com/index.php/n" title="Go to 'Tether the Ether': see only T/ether posts">T/ether</a>
</li>
<li>
<a href="http://www.autodogmatic.com/index.php/c/2006/04/12/losbio" title="To many, he is known simply as 'The Los', but who is this latin man?"><img class="left" src="http://www.autodogmatic.com/images/graphics/losava.jpg" /></a>
<a href="http://www.autodogmatic.com/index.php/c" title="Go to 'The Los': See only Carlos' posts">Carlos</a>
</li>
</ul>
</div>
<div class="announce">
      <h5>Dogma</h5><br/>
<b>Reading:</b>
<ul><li><center><iframe src="http://rcm.amazon.com/e/cm?t=autodogmatic-20&o=1&p=8&l=as1&asins=1416520562&fc1=000000&IS2=1<1=_blank&lc1=dd0000&bc1=ffffff&bg1=ffffff&npa=1&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></center></li></ul>
<b>Recently Read:</b><br/>
<ul><li><a href="http://www.amazon.com/exec/obidos/redirect?link_code=ur2&tag=autodogmatic-20&camp=1789&creative=9325&path=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fproduct%2F0553380958%3Fv%3Dglance%26n%3D283155">Snow Crash</a><img src="http://www.assoc-amazon.com/e/ir?t=autodogmatic-20&amd;l=ur2&amd;o=1" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>
<li><a href="http://www.amazon.com/exec/obidos/redirect?link_code=ur2&tag=autodogmatic-20&camp=1789&creative=9325&path=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fproduct%2F0743292332%2Fqid%3D1144681020%2Fsr%3D2-1%2Fref%3Dpd_bbs_b_2_1%3Fs%3Dbooks%26v%3Dglance%26n%3D283155">Cell: A Novel</a><img src="http://www.assoc-amazon.com/e/ir?t=autodogmatic-20&amd;l=ur2&amd;o=1" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>
<li><a href="http://www.amazon.com/exec/obidos/redirect?link_code=ur2&tag=autodogmatic-20&camp=1789&creative=9325&path=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fproduct%2F1582344167%3Fv%3Dglance%26n%3D283155">Jonathan Strange & Mr. Norrell: A Novel</a><img src="http://www.assoc-amazon.com/e/ir?t=autodogmatic-20&amd;l=ur2&amd;o=1" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>
<li><a href="http://www.amazon.com/exec/obidos/redirect?link_code=ur2&tag=autodogmatic-20&camp=1789&creative=9325&path=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fproduct%2F006073132X%2Fqid%3D1144681080%2Fsr%3D2-1%2Fref%3Dpd_bbs_b_2_1%3Fs%3Dbooks%26v%3Dglance%26n%3D283155">Freakonomics</a><img src="http://www.assoc-amazon.com/e/ir?t=autodogmatic-20&amd;l=ur2&amd;o=1" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>
</ul>
<b>Listening:</b><br/>
<ul>
<li><a href="http://www.amazon.com/exec/obidos/redirect?link_code=ur2&tag=autodogmatic-20&camp=1789&creative=9325&path=http%3A%2F%2Fwww.amazon.com%2Fgp%2Fproduct%2FB0009HLDFU%3Fv%3Dglance%26n%3D5174">Foo Fighters: In Your Honor</a><img src="http://www.assoc-amazon.com/e/ir?t=autodogmatic-20&amd;l=ur2&amd;o=1" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>
</ul>
</div>
<div class="announce">
<h5>Supported by:</h5><br/>
<script type="text/javascript"><!--
google_ad_client = "pub-1089710667288598";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_type = "text";
google_ad_channel ="9634026956";
google_color_border = "ffffff";
google_color_bg = "ffffff";
google_color_link = "000000";
google_color_url = "DD0000";
google_color_text = "000000";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<div class="announce">
<h5><?php echo T_('Search') ?></h5>
		<?php form_formstart( $Blog->dget( 'blogurl', 'raw' ), 'search', 'SearchForm' ) ?>
			<p><input type="text" name="s" size="5" value="<?php echo htmlspecialchars($s) ?>" class="SearchField" /><br />
			<input type="radio" name="sentence" value="AND" id="sentAND" <?php if( $sentence=='AND' ) echo 'checked="checked" ' ?>/><label for="sentAND"><font size="1"><?php echo T_('All Words') ?></font></label><br />
			<input type="radio" name="sentence" value="OR" id="sentOR" <?php if( $sentence=='OR' ) echo 'checked="checked" ' ?>/><label for="sentOR"><font size="1"><?php echo T_('Some Word') ?></font></label><br />
			<input type="radio" name="sentence" value="sentence" id="sentence" <?php if( $sentence=='sentence' ) echo 'checked="checked" ' ?>/><label for="sentence"><font size="1"><?php echo T_('Entire phrase') ?></font></label></p>
			<input type="submit" name="submit" class="submit" value="<?php echo T_('Search') ?>" />
		</form>
</div>
</div>
<div style="width:1px;height:5000px;float:left;font-size:1px;">&npsp;</div> 
<div class="bPosts">
<h2><?php
	single_cat_title();
	single_month_title();
	single_post_title();
	arcdir_title();
	last_comments_title();
	stats_title();
	profile_title();
?></h2>

<!-- =================================== START OF MAIN AREA =================================== -->

<?php // ------------------------------------ START OF POSTS ----------------------------------------
	if( isset($MainList) ) $MainList->display_if_empty(); // Display message if no post

	if( isset($MainList) ) while( $Item = $MainList->get_item() )
	{
		$MainList->date_if_changed();
	?>
	<div class="bPost" lang="<?php $Item->lang() ?>">
		<?php
			locale_temp_switch( $Item->locale ); // Temporarily switch to post locale
			$Item->anchor(); // Anchor for permalinks to refer to
		?>
		<div class="bSmallHead">
		<a href="<?php $Item->permalink() ?>" title="<?php echo T_('Permanent link to full entry') ?>"><img src="img/icon_minipost.gif" alt="Permalink" width="12" height="9" class="middle" /></a>
		<?php
			$Item->issue_time();
			echo ', ', T_('Categories'), ': ';
			$Item->categories();
			echo ', ';
			$Item->wordcount();
			echo ' ', T_('words'), ' &npsp; ';
		
		?>

		</div>
		<h6 class="bTitle"><?php $Item->title(); ?></h6>
		<div class="bText">
			<?php $Item->content(); ?>
			<?php link_pages() ?>
		</div>
		<div class="bSmallPrint">Constructed by: <font size="4", color="#000"><b><?php $Item->Author->prefered_name(); ?></font></b>::
			<a href="<?php $Item->permalink() ?>" title="<?php echo T_('Permanent link to full entry') ?>" class="permalink_right"><img src="img/chain_link.gif" alt="<?php echo T_('Permalink') ?>" width="14" height="14" border="0" class="middle" /></a>

			<?php $Item->feedback_link( 'comments' ) // Link to comments ?>
			<?php $Item->feedback_link( 'trackbacks', ' • ' ) // Link to trackbacks ?>
			<?php $Item->feedback_link( 'pingbacks', ' • ' ) // Link to trackbacks ?>

			<?php $Item->edit_link( ' • ' ) // Link to backoffice for editing ?>

			<?php $Item->trackback_rdf() // trackback autodiscovery information ?>
		</div>
			<?php // ------------- START OF INCLUDE FOR COMMENTS, TRACKBACK, PINGBACK, ETC. -------------
			$disp_comments = 1;					// Display the comments if requested
			$disp_comment_form = 1;			// Display the comments form if comments requested
			$disp_trackbacks = 1;				// Display the trackbacks if requested

			$disp_trackback_url = 1;		// Display the trackbal URL if trackbacks requested
			$disp_pingbacks = 1;				// Display the pingbacks if requested
			require( dirname(__FILE__).'/_feedback.php' );
			// ---------------- END OF INCLUDE FOR COMMENTS, TRACKBACK, PINGBACK, ETC. ----------------

			locale_restore_previous();	// Restore previous locale (Blog locale)
			?>
	</div>
<?php } // ---------------------------------- END OF POSTS ------------------------------------ ?>

	<p class="center"><strong>
		<?php posts_nav_link(); ?>
		<?php 
			// previous_post( '<p class="center">%</p>' );
			// next_post( '<p class="center">%</p>' );
		?>
	</strong></p>

<?php // ---------------- START OF INCLUDES FOR LAST COMMENTS, STATS ETC. ----------------
	switch( $disp )
	{
		case 'comments':
			// this includes the last comments if requested:
			require( dirname(__FILE__).'/_lastcomments.php' );
			break;

		case 'stats':
			// this includes the statistics if requested:
			require( dirname(__FILE__).'/_stats.php');
			break;

		case 'arcdir':
			// this includes the archive directory if requested
			require( dirname(__FILE__).'/_arcdir.php');
                        break;

		case 'profile':
			// this includes the profile form if requested
			require( dirname(__FILE__).'/_profile.php');
			break;
                case 'email':
                        // this includes the email form if requested
                        require( dirname(__FILE__).'/_email.php');
                        break;

	}
// ------------------- END OF INCLUDES FOR LAST COMMENTS, STATS ETC. ------------------- ?>
</div>
<!-- =================================== START OF SIDEBAR =================================== -->


<div class="bSideBar">
<div class="bSideItem">
      <h5>Recently</h5><?php echo T_('') ?>
      <?php // -------------------------- RECENT POSTS INCLUDED HERE ------------------------- 
         require( dirname(__FILE__).'/_recent.php' ); 
         // -------------------------------- END OF RECENT POSTS ------------------------------ ?>
      </div>

		<?php // -------------------------- LINKBLOG INCLUDED HERE ----------------------------- 
                  require( dirname(__FILE__).'/_linkblog.php' ); 
                  // -------------------------------- END OF LINKBLOG ---------------------------------- ?>
<div class="bSideItem">
		<?php echo T_('<h5>Comments</h5>') ?>
<?php require( dirname(__FILE__).'/_includecomments.php' );    ?>
</div>
<div class="bSideItem">
		<h5>Links</h5><?php echo T_('') ?>
		<ul>
<li><a href="http://daviddfriedman.blogspot.com" title="Various musings by David D. Friedman, anarcho-capitalist">Ideas <font size="1"> by David D. Friedman</font></a></li>
<li><a href="http://farleft.blogspot.com" title="A liberal blog by a fellow UGA alum, Shannon Thompson">A La Gauche</a></li>
<li><a href="http://porktornado.diaryland.com" title="Quality writings and musings by a fellow Atlantan, Dusty Scott">Pork Tornado <font size="1">by Dusty Scott</font></a></li>
<li><a href="http://www.mackwilliams.com" title="Mack Williams website including his blog and links to his art work">Mack Williams Dot Com</a></li>
<li><a href="http://www.uncsense.com" title="A libertarian blog that doesn't pull any punches!">Uncommon Sense</a></li>
<li><a href="http://cato.org" title="If you're feeling libertarian ...">The Cato Institute</a></li>
<li><a href="http://www.homestarrunner.com" title="The greatest cartoon on the web: Homestar Runner!">Homestar Runner</a></li></ul>
	</div>
<div class="bSideItem">
		<h5>Syndicate!</h5><?php echo T_('') ?> <img src="../../img/xml.gif" alt="XML" width="36" height="14" class="middle" />
			<ul>
				<li>
					RSS 1.0:
					<a href="<?php $Blog->disp( 'rdf_url', 'raw' ) ?>"><?php echo T_('Posts') ?></a>,
					<a href="<?php $Blog->disp( 'comments_rdf_url', 'raw' ) ?>"><?php echo T_('Comments') ?></a>
				</li>
				<li>
					RSS 2.0:
					<a href="<?php $Blog->disp( 'rss2_url', 'raw' ) ?>"><?php echo T_('Posts') ?></a>,
					<a href="<?php $Blog->disp( 'comments_rss2_url', 'raw' ) ?>"><?php echo T_('Comments') ?></a>
				</li>
				<li>
					Atom:
					<a href="<?php $Blog->disp( 'atom_url', 'raw' ) ?>"><?php echo T_('Posts') ?></a>,
					<a href="<?php $Blog->disp( 'comments_atom_url', 'raw' ) ?>"><?php echo T_('Comments') ?></a>
				</li>
			</ul>
	</div>
		<div class="bSideItem">
		<h5>Misc.</h5><?php echo T_('') ?>
		<ul>
			<?php
				user_login_link( '<li>', '</li>' );
				user_register_link( '<li>', '</li>' );
				user_admin_link( '<li>', '</li>' );
				user_profile_link( '<li>', '</li>' );
				user_logout_link( '<li>', '</li>' );
			?>
		</ul>
	</div>

</div>
<div id="pageFooter">
	
	<div class="center"><img src="http://www.autodogmatic.com/images/graphics/footersmall.jpg" title="Who's pulling your strings?">
			</div>
	<p class="baseline">
		Copyright 2006 <a href="http://www.autodogmatic.com/" title="autoDogmatic">autoDogmatic</a>
	</p>
<center><!-- Creative Commons License -->
<a rel="license"
href="http://creativecommons.org/licenses/by-nc-nd/2.0/"><img
alt="Creative Commons License" border="0"
src="http://creativecommons.org/images/public/somerights20.gif"
/></a>
<!-- /Creative Commons License -->
<rdf:RDF xmlns="http://web.resource.org/cc/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
   <dc:type rdf:resource="http://purl.org/dc/dcmitype/Text" />
   <license rdf:resource="http://creativecommons.org/licenses/by-nc-nd/2.0/" />
</Work>

<License rdf:about="http://creativecommons.org/licenses/by-nc-nd/2.0/">
   <permits rdf:resource="http://web.resource.org/cc/Reproduction" />
   <permits rdf:resource="http://web.resource.org/cc/Distribution" />
   <requires rdf:resource="http://web.resource.org/cc/Notice" />
   <requires rdf:resource="http://web.resource.org/cc/Attribution" />
   <prohibits rdf:resource="http://web.resource.org/cc/CommercialUse" />
</License>
<a href="http://www.technorati.com/search/www.autodogmatic.com" title="Blogs that link here"><img src="http://static.technorati.com/pix/tn-tiny.gif"></a><script type="text/javascript" src="http://embed.technorati.com/embed/5gvqdw2bhd.js"></script>
<a href="http://blogshares.com/blogs.php?blog=http%3A%2F%2Fwww.autodogmatic.com%2F&user=45489"><img src="http://blogshares.com/images/blogshares.jpg" alt="Listed on BlogShares" width="117" height="23"/></a><br/>
<script type="text/javascript"><!--
referer_limit_rows = "25";
//--></script>
<script type="text/javascript"
  src="http://referer.org/list.js">
</script><br><a href="http://referer.org" title="free referrer lists"><img border=0 src="http://referer.org/referer.gif" alt="Referrers!"></a></center>
	<?php
		log_hit();	// log the hit on this page
		debug_info(); // output debug info if requested
	?>
</div>
</div>
</body>
</html>

4 Apr 12, 2006 17:39

Try reversing the order of these two line (you can also try floating it left instead of right, just the 1px "gap" is less noticable on the right)

<div style="width:1px;height:5000px;float:left;font-size:1px;">&npsp;</div>
<div class="bPosts">

¥

5 Apr 12, 2006 19:35

Aight, that didn't work, but I figured there had to be a good place for it ...

// ------------------- END OF INCLUDES FOR LAST COMMENTS, STATS ETC. ------------------- ?>
</div>
<div style="width:1px;height:5000px;float:left;font-size:1px;">&npsp;</div> 
<!-- =================================== START OF SIDEBAR =================================== -->

That worked like a charm. Thanks!


Form is loading...