CSS problem - IE and FF - Footer causing problems.

Tom M

Posted: 29 June 2007 05:26 PM

[ Ignore ]

Grad Student

Total Posts: 37

Joined 01-11-2006

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

Image Attachments

Click thumbnail to see full-size image

Signature

It can only be attributable to human error.

Profile

JT Thompson

Posted: 29 June 2007 09:32 PM

[ Ignore ] [ # 1 ]

Research Assistant

Total Posts: 582

Joined 11-07-2004

Wups. nevermind

Signature

Member: ExpressionEngine Pro Network: ePlaces Network Services

ePlaces Network Services

Profile

hothousegraphix

Posted: 30 June 2007 05:16 PM

[ Ignore ] [ # 2 ]

Research Assistant

Total Posts: 855

Joined 04-14-2007

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


<div class='clearer'>&nbsp;</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.

Signature

Michael Rubens | hothousegraphix
Making the simple complicated is commonplace; making the complicated simple, awesomely simple, that’s creativity. - Charles Mingus

Profile

‹‹ how to add HR or image below every entry? Images with float style applied won’t display in IE ››

Username		Remember Me?
Password		forgot password?

Post Marker Legend
	New posts	Hot Topic with new posts	New Poll	Moved Topic	Sticky topic
	No new posts	Hot Topic with no new posts	Old Poll	Closed Topic	Announcements

Visitor Statistics
The most visitors ever was 1149, on July 16, 2007 09:33 AM
Total Registered Members:	64491	Total Logged-in Users:	57
Total Topics:	81032	Total Anonymous Users:	21
Total Replies:	436060	Total Guests:	273
Total Posts:	517092