ie 6 not showing footer

[ToonMariner]

OK

 

this is one I normally get - but this has proved elusive....

 

the footer of teh page on two pages of the site don't show in ie6 - tried the hasLayout fixes but as yet to no avail...

 

The offending pages are:

 

 

http://www.quest4fame.com/video

 

http://www.quest4fame.com/categories

 

Just can't figure it out and would really appreciate a bit of help...

 

cheers everyone

 

[bronzemonkey]

It's a float clearing problem...your footer is getting lost further up the page and behind floated elements because the wrapper hasn't been self-cleared. Just add this to your IE6 stylesheet:

 

div#wrapper {height:1%;}

 

Rather than using structural markup to clear floated elements I prefer to use this in my stylesheets:

 

/*Clearing for Modern Browsers */
#myelement:after {content:"."; display:block; height:0; font-size:0; line-height:0; clear:both; visibility:hidden;}
/*Clearing for IE6 only*/
* html #myelement {height:1%;}
/*Clearing for IE7 only*/
*+html #myelement {min-height:1px;}

 

I've added a line-height reset for modern browsers because I found that sometimes Opera created whitepsace (for the generated content I imagine) below a footer that needed to be self-cleared. Perhaps future versions of Opera do/will fix this.

[dbrimlow]

I can attest to bronzemonkey's solution for clearing floats ... much better than declaring an actual class in the markup.

[ToonMariner]

thank you guys - works a treat