7 replies [Last post]
BISH™
Offline
newbie
Last seen: 14 years 12 weeks ago
Joined: 2006-01-24
Posts: 7
Points: 0

Hi all Laughing out loud

Im having problems getting the .clearfix attribute to work in IE.

Heres the page : http://www.bish.eclipse.co.uk/about.html

and the css : http://www.bish.eclipse.co.uk/css/style.css

Any help would be much appreciated, thanks in advance Smile

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 8 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

.clearfix help needed

What seems to be the problem?

I do notice you have .clearfix on your footer when it doesn't contain any floated elements.

BISH™
Offline
newbie
Last seen: 14 years 12 weeks ago
Joined: 2006-01-24
Posts: 7
Points: 0

.clearfix help needed

Hey thanks for the quick reply,

OK I hope I can explain this clearly ... Im trying to get the lower graphic to sit tight just under where the content box above it is which it does perfectly in Firefox and Safari ... however its a different story where IE is concerned both on Mac & Windows, Ive also managed to view it using AOL on a PC (my clients choice) and the problem is the same there also and I havent even tested it yet in Netscape :roll:

This article may explain things a little better than myself http://www.positioniseverything.net/easyclearing.html

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 11 years 38 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

.clearfix help needed

Hi Bish...

First of all, nice site Laughing out loud

Right now, IE is in quirksmode because of the following line at the beginning of your code. You need to remove it. Whether it will fix the problem or not, I can't say. Smile

<?xml version="1.0" encoding="utf-8"?>

- r

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

.clearfix help needed

If you put div#footertext inside h2#footer it seems to work OK. Which is the way I would've thought you'd do it - put your footer links inside the element that contains its background image.
But...a header tag is not the appropriate tag for that type of content. As you have it now - an empty header tag with just a background image - it's not right either.
Change h2#footer to div#footer and put your links in there and you should be OK.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

BISH™
Offline
newbie
Last seen: 14 years 12 weeks ago
Joined: 2006-01-24
Posts: 7
Points: 0

.clearfix help needed

Hey thanks for that guys, that seems to have sorted the problem Laughing out loud

I do believe however that I've also a few alignment problems where other browsers are concerned and also a problem on 'about' page where the text seperates itself into seperate paragraphs (in AOL & IE on Windows) where the <span class="highlighttxt2"> is highlighting the names. I was wondering if you could help me with that also ?

I've uploaded some screenshots of how the site should look and how I see it on a Mac using Firefox (although Safari & IE are now fine also) :

http://www.timetraveltours.net/index.jpg
http://www.timetraveltours.net/about.jpg
http://www.timetraveltours.net/page.jpg

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

.clearfix help needed

You need to add text-align: left to #main.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

BISH™
Offline
newbie
Last seen: 14 years 12 weeks ago
Joined: 2006-01-24
Posts: 7
Points: 0

.clearfix help needed

OK thanks mate, is that it then, everything look ship shape :?:

Is the text size in the menu bar behaving itself in IE etc on Windows because last time I got the chance on a PC the font size was HUGE compared to viewing it on a Mac ?