Little problem

[PETTE]

Hi all,

I have a little problem with the footer of these pages. The outer DIV element doesn't seem to be expanding to fit it's inner children. Here is the website: http://www.sheergadgets.com The red background in the footer...

I have dealt with this problem before but remember how. Please help.

Thank you...

[Studio4Websites]

Hi Pette,

You have fixed the height of each div. May be that is why it is preventing the div to be expandable. It will take some time to debug the code. If you wish we can debug the site for you being a web Development company.

Best Regards,
Amber

[PETTE]

No. That's not the problem...

When the height is not set the DIV just doesn't appear. I think it's to do with the floating DIV's which are children. so they just float past the parent element, which doesn't account them.

[Danbana]

Have you tried clearing the floats after the "inner children".

I usually create a class like so:

.clear
{
clear: both;
}

Then after floated elements I add a clear DIV, like so:

<div class="clear"></div>

Maybe try adding this after your floated DIVs. I'm unable to test it with your code at the moment.

[skywalker2208]

Have you tried clearing the floats after the "inner children".

I usually create a class like so:

.clear
{
clear: both;
}

Then after floated elements I add a clear DIV, like so:

<div class="clear"></div>

Maybe try adding this after your floated DIVs. I'm unable to test it with your code at the moment.

Instead of adding additional market you can do this http://www.positioniseverything.net/easyclearing.html

[Danbana]

I never really thought about using the pseudo-element :after in order to clear floats, you may have just made me re-write a few lines of code now :)

The only problem again is the amazingness of IE, and how it seems to dislike everything to do with things like pseudo-elements. Though I must admit the later versions are catching up.

Thanks for the article - but I think I'm going to have to tinker with some code now!