Jump to content

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


Recommended Posts

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




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?




(please don't quote the original URL)

Link to comment
Share on other sites

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 ***/ 



Tested, and indeed, it works as described.

Edited by jlhaslip
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...