stretching column from top to bottom: What's broken?

[blowfly123]

I always have some new problem with this. Does anything jump out as wrong here?

 

http://tinyurl.com/cpup4b

 

stylesheet: http://tinyurl.com/ceprr2

 

I've got a wrapper div and a column div. Inside the column there's a header div then a content div. The content div has a sidebar div and then a content-text class. It's the content-text class that screws up the background. Any clue why that's happening?

 

Thanks!

 

(please don't quote the original URL)

[jlhaslip]

You might needs to clear the floats by adding the following to your CSS file and adding the class to the parent div that holds the floated div's

/*** see http://www.positioniseverything.net/easyclearing.html 
  for explanation of Tony Aslett's elegant hack ***/ 

.clearing:after { 
   content: ".";  
   display: block;  
   height: 0;  
   clear: both;  
   visibility: hidden; 
   } 

.clearing { 
   display: inline-block; 
   } 

/* Hides from IE-mac \*/ 
* html .clearing { 
   height: 1%; 
   } 
.clearing { 
   display: block; 
   } 
/* End hide from IE-mac */ 
/*** end clearing hack ***/ 

*edit*

 

Tested, and indeed, it works as described.

Edited April 27, 2009 by jlhaslip

[blowfly123]

Thanks! That did it. You guys and your mysterious hacks. I'm going to try to understand why that works for future reference.