14 replies [Last post]
ian
ian's picture
Offline
Enthusiast
South Carolina
Last seen: 15 years 50 weeks ago
South Carolina
Timezone: GMT-5
Joined: 2004-11-08
Posts: 103
Points: 0

Hi Guys,
I have a little dilemna. This page shows correctly in Mac Firefox but of course doesn't in PCIE. I don't know why. Can anyone identify the offending code?

page

CSS

Thanks!

-clever quote at the bottom of my post-

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 14 years 10 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

PCIE displaying wrong (well wrong to Firefox)

Hi, Ian
You haven't been ignored and you've almost found the main problem. The whatsnew image is just a bit too wide for IE and is pushing the content width - see it in action with the IE Developer Toolbar. Firefox does not extend the div width but allows the image to overlap. You can't see the overlap because most of the image is transparent.

If you make the image width 3-5 pixels less and left float the originals box , you will be able to place it at the top of the content div again Smile I don't believe you will need that negative margin on the clear class, unless it is a Mac artifact.

At my end, the display in IE and Firefox (both PC) is identical. I assume Firefox for Mac will act the same way.

ian
ian's picture
Offline
Enthusiast
South Carolina
Last seen: 15 years 50 weeks ago
South Carolina
Timezone: GMT-5
Joined: 2004-11-08
Posts: 103
Points: 0

PCIE displaying wrong (well wrong to Firefox)

Thanks Lorraine,
I shortened the width of that image by 5 pixels. Does that clear it up? I don't have access to a PC right now.

-clever quote at the bottom of my post-

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

PCIE displaying wrong (well wrong to Firefox)

Look almost the same in FF & IE6 on PC except that you see a few extra pixels of background to the right of the menu in FF.

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

ian
ian's picture
Offline
Enthusiast
South Carolina
Last seen: 15 years 50 weeks ago
South Carolina
Timezone: GMT-5
Joined: 2004-11-08
Posts: 103
Points: 0

PCIE displaying wrong (well wrong to Firefox)

Can someone tell me if it looks like this or this

-clever quote at the bottom of my post-

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

PCIE displaying wrong (well wrong to Firefox)

It looks like the first (right) one in IE6 PC.

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

ian
ian's picture
Offline
Enthusiast
South Carolina
Last seen: 15 years 50 weeks ago
South Carolina
Timezone: GMT-5
Joined: 2004-11-08
Posts: 103
Points: 0

PCIE displaying wrong (well wrong to Firefox)

Thanks Tyssen! Happy New Year!

-clever quote at the bottom of my post-

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 14 years 10 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

PCIE displaying wrong (well wrong to Firefox)

Two other things I mentioned in my first post:

1) If you float the originals box to the left then IE will give you the few pixels of background to the right of the menu. See attachments for the display I get in IE and FX

2) In IE the page opens perfectly, but, if you scroll the screen, a gap opens above the footer as in the attachment. This can be fixed by removing the negative margin on the clear class.

ian
ian's picture
Offline
Enthusiast
South Carolina
Last seen: 15 years 50 weeks ago
South Carolina
Timezone: GMT-5
Joined: 2004-11-08
Posts: 103
Points: 0

PCIE displaying wrong (well wrong to Firefox)

Thanks Lorraine!

-clever quote at the bottom of my post-

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 14 years 10 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

PCIE displaying wrong (well wrong to Firefox)

You're more than welcome and that guy's art work is terrific. I'm trying to stop myself buying but, if I do I will attribute it to your post here. Tongue If that's OK with you.

ian
ian's picture
Offline
Enthusiast
South Carolina
Last seen: 15 years 50 weeks ago
South Carolina
Timezone: GMT-5
Joined: 2004-11-08
Posts: 103
Points: 0

PCIE displaying wrong (well wrong to Firefox)

Lorraine wrote:
... that guy's art work is terrific. I'm trying to stop myself buying but, if I do I will attribute it to your post here. Tongue If that's OK with you.

That's perfectly fine with me! That would be really cool, I'll let you know when it goes live!

-clever quote at the bottom of my post-

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 14 years 10 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

PCIE displaying wrong (well wrong to Firefox)

Great... goes off to search bank accounts, pockets, old handbags, socks for hidden funds Smile

ian
ian's picture
Offline
Enthusiast
South Carolina
Last seen: 15 years 50 weeks ago
South Carolina
Timezone: GMT-5
Joined: 2004-11-08
Posts: 103
Points: 0

PCIE displaying wrong (well wrong to Firefox)

I'm finally done (except for a few minor things) with this site but I have one more thing that is bugging me and I don't see what's wrong. And yes, its still something displaying wrong in PCIE versus Firefox.

This shows the table (the thumbs of the images) jumping to the bottom of my navbar in PCIE and I can't see why. Its as if I've got the table clearing a floating element. But, I don't have one (I think, I've revised this so many times that I could be missing an old bit of code).

CSS

Any help would be greatly appreciated.

Thanks,
Ian

-clever quote at the bottom of my post-

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

PCIE displaying wrong (well wrong to Firefox)

Your table width is too wide. 590 seems about right. By the way, height=XXXpx isn't valid HTML. You'd be better off moving that to your stylesheet.

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

ian
ian's picture
Offline
Enthusiast
South Carolina
Last seen: 15 years 50 weeks ago
South Carolina
Timezone: GMT-5
Joined: 2004-11-08
Posts: 103
Points: 0

PCIE displaying wrong (well wrong to Firefox)

Thanks Tyssen,
I appreciate your response(Drunk. I've made those changes and will have to wait until tomorrow to view on a PC.

Ian

-clever quote at the bottom of my post-