[thelist] css container div is not working in firefox

Paul Bennett Paul.Bennett at wcc.govt.nz
Sun Feb 17 16:37:35 CST 2008

At a cursory glance, it looks like you need to clear after the content inside div#wholepage-inside.

At the moment, because the  inside elements are floated, the containing div thinks they take up no space.

You should be able to clear the floated content without mark-up by adding the 'clearfix' class to div#wholepage-inside and adding this to your css:

clear floats without extra markup:http://www.positioniseverything.net/easyclearing.html 
give the container which contains floated items this class...
.clearfix:after, .caption:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .caption{display:inline-block;}
/* Hides from IE-mac (leave this comment in!!)  \*/
* html .clearfix{height:1%;}
/* End hide from IE-mac */


More information about the thelist mailing list