Thread

Hello 😊

I’m wondering if anyone could help me with this as I’ve been trying for the past few hours and not had any luck.

I’ve got 3 CSS boxes/blocks at the bottom of my template I’ll be using for content, below this is the footer.

The problem I am having is the footer is warped/wrapped to the 3rd css box/block in Firefox.

It appears fine in IE, but FF is where the problem is happening.

I thought at first it was the css I was using to create the 3 boxes, but after validating everything (the template validates fully) I couldn’t see any problems with the boxes as they appear as they should in both browsers.

I’d really appreciate if anyone could take a look at this for me, attached is a screenshot of how it appears in IE (fine) and FF (wrong).

Thanks alot,

Tom

Wups. nevermind

In your mark-up…just prior to your footer, add an empty div

<div class='clearer'> </div>

assign a class to this empty div…say clearer.

In your style sheet:

.clearer
{
clear: both; //if floating both left & right.
//if just floating left clear: left;
}

Hope that makes sense.